diff --git a/common/constants/shared.ts b/common/constants/shared.ts
index f8e3c892c..ce93c100f 100644
--- a/common/constants/shared.ts
+++ b/common/constants/shared.ts
@@ -139,7 +139,6 @@ export const LONG_CHART_COLOR = PLOTLY_COLOR[1];
 export const pageStyles: CSS.Properties = {
   float: 'left',
   width: '100%',
-  maxWidth: '1130px',
 };
 
 export enum VIS_CHART_TYPES {
diff --git a/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap b/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
index d069db6c4..060eca254 100644
--- a/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
+++ b/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
@@ -11,334 +11,330 @@ Object {
       data-aria-hidden="true"
     >
       <div
-        style="max-width: 1130px;"
+        class="euiPage euiPage--paddingMedium euiPage--grow"
       >
         <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
+          class="euiPageBody euiPageBody--borderRadiusNone"
         >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
           <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
           >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageHeaderSection"
+                class="euiPageContentHeaderSection"
               >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  Create
-                   application
-                </h1>
+                  Application information
+                </h2>
               </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <form
+              class="euiForm"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiPageContentHeaderSection"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    Application information
-                  </h2>
+                    Name
+                  </label>
                 </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__fieldWrapper"
                 >
                   <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <div
-                    class="euiFormRow__labelWrapper"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
                   <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
             <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiPageContentHeaderSection"
               >
-                <div
-                  class="euiPageContentHeaderSection"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
+                  Composition
+                </h2>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion euiAccordion-isOpen"
+                data-test-subj="logSourceAccordion"
+              >
                 <div
-                  class="euiAccordion euiAccordion-isOpen"
-                  data-test-subj="logSourceAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="true"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="logSource"
-                      aria-expanded="true"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Log source
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
+                          Configure your application base query
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small"
+                      data-test-subj="clearLogSourceButton"
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small"
-                        data-test-subj="clearLogSourceButton"
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear
-                          </span>
+                          Clear
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFlexItem"
                         >
                           <div
-                            class="euiFlexItem"
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
                             <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
+                              class="euiText euiText--extraSmall"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiTextColor euiTextColor--default"
                               >
-                                <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
+                                You can't change the base query after the application is created.
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
+                              class="euiFormRow__labelWrapper"
                             >
-                              <div
-                                class="euiFormRow__labelWrapper"
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
                               >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
+                            >
                               <div
-                                class="euiFormRow__fieldWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-3-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
                                 >
-                                  <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
+                                  <textarea
+                                    aria-autocomplete="both"
                                     aria-labelledby="autocomplete-3-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
                                   >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-3-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
-                                    >
-                                      source = openserach_dashboard_sample_logs
-                                    </textarea>
-                                  </div>
-                                  <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
+                                    source = openserach_dashboard_sample_logs
+                                  </textarea>
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
+                                >
+                                  <span
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
+                                      PPL
                                     </span>
-                                  </button>
-                                </div>
-                                <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
-                                >
-                                  The default logs view in the application will be filtered by this query.
-                                </div>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
                               </div>
                             </div>
                           </div>
@@ -348,738 +344,762 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="servicesEntitiesAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="servicesEntitiesAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Services & entities
-                             
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & entities
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
                             <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
+                              class="euiBadge__content"
                             >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
+                              0
                             </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
-                          </div>
+                          Select services & entities to include in this application
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearServicesEntitiesButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearServicesEntitiesButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
+                          Clear all
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Services & entities
-                            </label>
-                          </div>
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                  <p
+                                    class="euiComboBoxPlaceholder"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select services and entities
-                                    </p>
-                                    <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
-                                  </div>
+                                    Select services and entities
+                                  </p>
                                   <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
+                                    <div
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
                                 </div>
-                              </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiText euiText--medium"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <span
+                            class="panel-title"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                        >
+                          <legend
+                            class="euiScreenReaderOnly"
                           />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                          <div
+                            class="euiButtonGroup__buttons"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
-                            />
-                            <div
-                              class="euiButtonGroup__buttons"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                              </label>
-                            </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
+                              </span>
+                            </label>
+                          </div>
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
+                              Focus on
                             </div>
+                          </div>
+                          <div
+                            class="euiFlexItem"
+                          >
                             <div
-                              class="euiFlexItem"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
                                   >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
+                                      <path
+                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                      />
+                                    </svg>
+                                  </span>
                                 </div>
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--l"
+                        />
+                        <div
+                          style="min-height: 434px;"
+                        >
                           <div
-                            class="euiSpacer euiSpacer--l"
+                            class="euiSpacer euiSpacer--s"
                           />
                           <div
-                            style="min-height: 434px;"
+                            class="euiEmptyPrompt"
                           >
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
+                            <h2
+                              class="euiTitle euiTitle--medium"
                             >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
+                              No matches
+                            </h2>
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
                               >
                                 <div
-                                  class="euiSpacer euiSpacer--m"
-                                />
-                                <div
-                                  class="euiText euiText--medium"
+                                  class="euiText euiText--small"
                                 >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
+                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                                 </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
+                              </div>
+                            </span>
                           </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
                         </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="traceGroupsAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="traceGroupsAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="traceGroups"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace groups
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
                             <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
+                              class="euiBadge__content"
                             >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
+                              0
                             </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
+                          Constrain your application to specific trace groups
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearTraceGroupsButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearTraceGroupsButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
+                          Clear all
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
+                            Trace Groups
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select or add trace groups
+                                  </p>
                                   <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select or add trace groups
-                                    </p>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
-                            >
-                              Select one or multiple trace groups, or type a custom one
-                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrow10"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
+                              <span
+                                class="panel-title"
                               >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
+                                Latency by trace group
+                              </span>
+                              <span
+                                class="panel-title-count"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    □
-                                  </span>
-                                   &lt; 95 percentile
-                                </div>
-                              </button>
+                                 (0)
+                              </span>
                             </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
+                              <div
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
+                                  □
+                                </span>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                           <div
-                            class="euiEmptyPrompt"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--small"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </span>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
             <div
-              class="euiSpacer euiSpacer--l"
-            />
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              <span
+                class="euiToolTipAnchor"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  data-test-subj="createButton"
+                  disabled=""
                   type="button"
                 >
                   <span
@@ -1088,59 +1108,35 @@ Object {
                     <span
                       class="euiButton__text"
                     >
-                      Cancel
+                      Create
                     </span>
                   </span>
                 </button>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                    data-test-subj="createButton"
-                    disabled=""
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
               >
-                <span
-                  class="euiToolTipAnchor"
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                  data-test-subj="createAndSetButton"
+                  disabled=""
+                  type="button"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                    data-test-subj="createAndSetButton"
-                    disabled=""
-                    type="button"
+                  <span
+                    class="euiButtonContent euiButton__content"
                   >
                     <span
-                      class="euiButtonContent euiButton__content"
+                      class="euiButton__text"
                     >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create and Set Availability
-                      </span>
+                      Create and Set Availability
                     </span>
-                  </button>
-                </span>
-              </div>
+                  </span>
+                </button>
+              </span>
             </div>
           </div>
         </div>
@@ -1268,334 +1264,330 @@ Object {
     data-aria-hidden="true"
   >
     <div
-      style="max-width: 1130px;"
+      class="euiPage euiPage--paddingMedium euiPage--grow"
     >
       <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
+        class="euiPageBody euiPageBody--borderRadiusNone"
       >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
         <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
         >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageHeaderSection"
+              class="euiPageContentHeaderSection"
             >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                Create
-                 application
-              </h1>
+                Application information
+              </h2>
             </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
             >
               <div
-                class="euiPageContentHeaderSection"
+                class="euiFormRow__labelWrapper"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  Application information
-                </h2>
+                  Name
+                </label>
               </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__labelWrapper"
               >
-                <div
-                  class="euiFormRow__labelWrapper"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
                 <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
           <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiPageContentHeaderSection"
             >
-              <div
-                class="euiPageContentHeaderSection"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Composition
-                </h2>
-              </div>
+                Composition
+              </h2>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion euiAccordion-isOpen"
+              data-test-subj="logSourceAccordion"
+            >
               <div
-                class="euiAccordion euiAccordion-isOpen"
-                data-test-subj="logSourceAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="true"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="true"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Log source
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
                       />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Configure your application base query
-                        </div>
+                        Configure your application base query
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="clearLogSourceButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="clearLogSourceButton"
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear
-                        </span>
+                        Clear
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="logSource"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
                       <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                        class="euiFlexItem"
                       >
                         <div
-                          class="euiFlexItem"
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
                         >
                           <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
+                            class="euiText euiText--extraSmall"
                           >
                             <div
-                              class="euiText euiText--extraSmall"
+                              class="euiTextColor euiTextColor--default"
                             >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
+                              You can't change the base query after the application is created.
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiFlexItem"
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
                         >
                           <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
+                            class="euiFormRow__labelWrapper"
                           >
-                            <div
-                              class="euiFormRow__labelWrapper"
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
                             <div
-                              class="euiFormRow__fieldWrapper"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
-                              >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-3-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
                                   aria-labelledby="autocomplete-3-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
+                                  type="search"
                                 >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-3-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  >
-                                    source = openserach_dashboard_sample_logs
-                                  </textarea>
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
+                                  source = openserach_dashboard_sample_logs
+                                </textarea>
+                              </div>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
+                              >
+                                <span
+                                  class="euiBadge__content"
                                 >
                                   <span
-                                    class="euiBadge__content"
+                                    class="euiBadge__text"
                                   >
-                                    <span
-                                      class="euiBadge__text"
-                                    >
-                                      PPL
-                                    </span>
+                                    PPL
                                   </span>
-                                </button>
-                              </div>
-                              <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
-                              >
-                                The default logs view in the application will be filtered by this query.
-                              </div>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
+                            >
+                              The default logs view in the application will be filtered by this query.
                             </div>
                           </div>
                         </div>
@@ -1605,738 +1597,762 @@ Object {
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="servicesEntitiesAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="servicesEntitiesAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="servicesEntities"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Services & entities
-                           
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
                           <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
+                            class="euiBadge__content"
                           >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
+                            0
                           </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Select services & entities to include in this application
-                        </div>
+                        Select services & entities to include in this application
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearServicesEntitiesButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearServicesEntitiesButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
+                        Clear all
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <div
-                          class="euiFormRow__labelWrapper"
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Services & entities
-                          </label>
-                        </div>
+                          Services & entities
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
                         >
                           <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select services and entities
+                                </p>
                                 <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select services and entities
-                                  </p>
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
                                   <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
                                 </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
                             </div>
                           </div>
                         </div>
                       </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
                       <div
-                        class="euiSpacer euiSpacer--l"
+                        class="euiSpacer euiSpacer--m"
                       />
-                      <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       >
+                        <legend
+                          class="euiScreenReaderOnly"
+                        />
                         <div
-                          class="euiText euiText--medium"
+                          class="euiButtonGroup__buttons"
                         >
-                          <span
-                            class="panel-title"
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                            for="random_html_id"
                           >
-                            Service map
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
-                        >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
-                          <div
-                            class="euiButtonGroup__buttons"
-                          >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
-                                >
-                                  <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Duration
-                                </span>
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Errors
-                                </span>
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
-                                </span>
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
                               </span>
-                            </label>
-                          </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                      />
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              Focus on
-                            </div>
+                            Focus on
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiFormControlLayoutIcons"
                               >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
-                                  type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  <span
-                                    class="euiFormControlLayoutCustomIcon"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                      />
-                                    </svg>
-                                  </span>
-                                </div>
+                                    <path
+                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                    />
+                                  </svg>
+                                </span>
                               </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        style="min-height: 434px;"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiSpacer euiSpacer--s"
                         />
                         <div
-                          style="min-height: 434px;"
+                          class="euiEmptyPrompt"
                         >
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
+                          <h2
+                            class="euiTitle euiTitle--medium"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--small"
                               >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                               </div>
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
+                            </div>
+                          </span>
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
                       </div>
-                      <div
-                        class="euiSpacer euiSpacer--xl"
-                      />
                     </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
                   </div>
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="traceGroupsAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="traceGroupsAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="traceGroups"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Trace groups
-                           
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
                           <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
+                            class="euiBadge__content"
                           >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
+                            0
                           </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Constrain your application to specific trace groups
-                        </div>
+                        Constrain your application to specific trace groups
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearTraceGroupsButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearTraceGroupsButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
+                        Clear all
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="traceGroups"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <div
-                          class="euiFormRow__labelWrapper"
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Trace Groups
-                          </label>
-                        </div>
+                          Trace Groups
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
                         >
                           <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select or add trace groups
+                                </p>
                                 <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select or add trace groups
-                                  </p>
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
                                   <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
                                 </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
                             </div>
                           </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
-                          >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
                         </div>
                       </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
                       <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFlexItem euiFlexItem--flexGrow10"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
+                            class="euiText euiText--medium"
+                          >
+                            <span
+                              class="panel-title"
+                            >
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
                           >
                             <div
-                              class="euiText euiText--medium"
+                              class="euiText euiText--extraSmall"
                             >
                               <span
-                                class="panel-title"
-                              >
-                                Latency by trace group
-                              </span>
-                              <span
-                                class="panel-title-count"
+                                style="color: rgb(149, 122, 201);"
                               >
-                                 (0)
+                                □
                               </span>
+                               &lt; 95 percentile
                             </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
+                            <div
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiText euiText--extraSmall"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  □
-                                </span>
-                                 &lt; 95 percentile
-                              </div>
-                            </button>
-                          </div>
+                                ■
+                              </span>
+                               &gt;= 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
+                            class="euiSpacer euiSpacer--m"
                           />
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
-                            >
-                              <div
-                                class="euiText euiText--extraSmall"
-                              >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  ■
-                                </span>
-                                 &gt;= 95 percentile
-                              </div>
-                            </button>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
-                        <div
-                          class="euiEmptyPrompt"
-                        >
-                          <h2
-                            class="euiTitle euiTitle--medium"
-                          >
-                            No matches
-                          </h2>
-                          <span
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            <div
-                              class="euiSpacer euiSpacer--m"
-                            />
                             <div
-                              class="euiText euiText--medium"
+                              class="euiText euiText--small"
                             >
-                              <div
-                                class="euiText euiText--small"
-                              >
-                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                              </div>
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                             </div>
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
+                          </div>
+                        </span>
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
           <div
-            class="euiSpacer euiSpacer--l"
-          />
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
+              >
+                <span
+                  class="euiButton__text"
+                >
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <span
+              class="euiToolTipAnchor"
             >
               <button
-                class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
+                class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                data-test-subj="createButton"
+                disabled=""
                 type="button"
               >
                 <span
@@ -2345,59 +2361,35 @@ Object {
                   <span
                     class="euiButton__text"
                   >
-                    Cancel
+                    Create
                   </span>
                 </span>
               </button>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                  data-test-subj="createButton"
-                  disabled=""
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
             >
-              <span
-                class="euiToolTipAnchor"
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                data-test-subj="createAndSetButton"
+                disabled=""
+                type="button"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                  data-test-subj="createAndSetButton"
-                  disabled=""
-                  type="button"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
+                    Create and Set Availability
                   </span>
-                </button>
-              </span>
-            </div>
+                </span>
+              </button>
+            </span>
           </div>
         </div>
       </div>
@@ -2465,333 +2457,329 @@ Object {
   >
     <div>
       <div
-        style="max-width: 1130px;"
+        class="euiPage euiPage--paddingMedium euiPage--grow"
       >
         <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
+          class="euiPageBody euiPageBody--borderRadiusNone"
         >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
           <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
           >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageHeaderSection"
+                class="euiPageContentHeaderSection"
               >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  Create
-                   application
-                </h1>
+                  Application information
+                </h2>
               </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <form
+              class="euiForm"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiPageContentHeaderSection"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    Application information
-                  </h2>
+                    Name
+                  </label>
                 </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__fieldWrapper"
                 >
                   <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <div
-                    class="euiFormRow__labelWrapper"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
                   <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
             <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiPageContentHeaderSection"
               >
-                <div
-                  class="euiPageContentHeaderSection"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
+                  Composition
+                </h2>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion"
-                  data-test-subj="logSourceAccordion"
-                >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="logSourceAccordion"
+              >
+                <div
+                  class="euiAccordion__triggerWrapper"
+                >
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="logSource"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Log source
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
+                          Configure your application base query
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearLogSourceButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearLogSourceButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear
-                          </span>
+                          Clear
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFlexItem"
                         >
                           <div
-                            class="euiFlexItem"
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
                             <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
+                              class="euiText euiText--extraSmall"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiTextColor euiTextColor--default"
                               >
-                                <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
+                                You can't change the base query after the application is created.
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
+                              class="euiFormRow__labelWrapper"
                             >
-                              <div
-                                class="euiFormRow__labelWrapper"
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
                               >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
+                            >
                               <div
-                                class="euiFormRow__fieldWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-7-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
                                 >
-                                  <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
+                                  <textarea
+                                    aria-autocomplete="both"
                                     aria-labelledby="autocomplete-7-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
-                                  >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-7-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
-                                    />
-                                  </div>
-                                  <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
+                                  />
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
+                                >
+                                  <span
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
+                                      PPL
                                     </span>
-                                  </button>
-                                </div>
-                                <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
-                                >
-                                  The default logs view in the application will be filtered by this query.
-                                </div>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
                               </div>
                             </div>
                           </div>
@@ -2801,772 +2789,796 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="servicesEntitiesAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="servicesEntitiesAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Services & entities
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
-                            >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
-                          </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearServicesEntitiesButton"
-                        disabled=""
-                        type="button"
+                      <div
+                        class="euiText euiText--small"
                       >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
+                        <h3>
+                          Services & entities
+                           
                           <span
-                            class="euiButton__text"
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
                           >
-                            Clear all
+                            <span
+                              class="euiBadge__content"
+                            >
+                              0
+                            </span>
                           </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Select services & entities to include in this application
+                        </div>
+                      </div>
+                    </span>
+                  </button>
                   <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
+                    class="euiAccordion__optionalAction"
                   >
-                    <div>
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearServicesEntitiesButton"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Services & entities
-                            </label>
-                          </div>
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select services and entities
+                                  </p>
                                   <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select services and entities
-                                    </p>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiText euiText--medium"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <span
+                            class="panel-title"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                        >
+                          <legend
+                            class="euiScreenReaderOnly"
                           />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                          <div
+                            class="euiButtonGroup__buttons"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
-                            />
-                            <div
-                              class="euiButtonGroup__buttons"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
-                                </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
+                                </span>
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                              </label>
-                            </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
+                              </span>
+                            </label>
+                          </div>
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
+                              Focus on
                             </div>
+                          </div>
+                          <div
+                            class="euiFlexItem"
+                          >
                             <div
-                              class="euiFlexItem"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
                                   >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
+                                      <path
+                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                      />
+                                    </svg>
+                                  </span>
                                 </div>
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--l"
+                        />
+                        <div
+                          style="min-height: 434px;"
+                        >
                           <div
-                            class="euiSpacer euiSpacer--l"
+                            class="euiSpacer euiSpacer--s"
                           />
                           <div
-                            style="min-height: 434px;"
+                            class="euiEmptyPrompt"
                           >
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
+                            <h2
+                              class="euiTitle euiTitle--medium"
                             >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
+                              No matches
+                            </h2>
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
                               >
                                 <div
-                                  class="euiSpacer euiSpacer--m"
-                                />
-                                <div
-                                  class="euiText euiText--medium"
+                                  class="euiText euiText--small"
                                 >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
+                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                                 </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
+                              </div>
+                            </span>
                           </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
                         </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion euiAccordion-isOpen"
+                data-test-subj="traceGroupsAccordion"
+              >
                 <div
-                  class="euiAccordion euiAccordion-isOpen"
-                  data-test-subj="traceGroupsAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="traceGroups"
+                    aria-expanded="true"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="true"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace groups
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="1"
+                          >
                             <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="1"
+                              class="euiBadge__content"
                             >
                               <span
-                                class="euiBadge__content"
+                                class="euiBadge__text"
                               >
-                                <span
-                                  class="euiBadge__text"
-                                >
-                                  1
-                                </span>
+                                1
                               </span>
                             </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
+                          Constrain your application to specific trace groups
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small"
+                      data-test-subj="clearTraceGroupsButton"
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small"
-                        data-test-subj="clearTraceGroupsButton"
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
+                          Clear all
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
+                            Trace Groups
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                  <span
+                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                    title="test.auto"
                                   >
                                     <span
-                                      class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                      title="test.auto"
+                                      class="euiBadge__content"
                                     >
                                       <span
-                                        class="euiBadge__content"
+                                        class="euiBadge__text"
                                       >
-                                        <span
-                                          class="euiBadge__text"
-                                        >
-                                          test.auto
-                                        </span>
-                                        <button
-                                          aria-label="Remove test.auto from selection in this group"
-                                          class="euiBadge__iconButton"
-                                          title="Remove test.auto from selection in this group"
-                                          type="button"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                            focusable="false"
-                                            height="16"
-                                            role="img"
-                                            tabindex="-1"
-                                            viewBox="0 0 16 16"
-                                            width="16"
-                                            xmlns="http://www.w3.org/2000/svg"
-                                          >
-                                            <path
-                                              d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                            />
-                                          </svg>
-                                        </button>
+                                        test.auto
                                       </span>
+                                      <button
+                                        aria-label="Remove test.auto from selection in this group"
+                                        class="euiBadge__iconButton"
+                                        title="Remove test.auto from selection in this group"
+                                        type="button"
+                                      >
+                                        <svg
+                                          aria-hidden="true"
+                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                          focusable="false"
+                                          height="16"
+                                          role="img"
+                                          tabindex="-1"
+                                          viewBox="0 0 16 16"
+                                          width="16"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                          />
+                                        </svg>
+                                      </button>
                                     </span>
+                                  </span>
+                                  <div
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
+                                  >
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
-                            >
-                              Select one or multiple trace groups, or type a custom one
-                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrow10"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
+                              <span
+                                class="panel-title"
                               >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
+                                Latency by trace group
+                              </span>
+                              <span
+                                class="panel-title-count"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    □
-                                  </span>
-                                   &lt; 95 percentile
-                                </div>
-                              </button>
+                                 (0)
+                              </span>
                             </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
+                              <div
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
+                                  □
+                                </span>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                           <div
-                            class="euiEmptyPrompt"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--small"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </span>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
             <div
-              class="euiSpacer euiSpacer--l"
-            />
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              <span
+                class="euiToolTipAnchor"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  data-test-subj="createButton"
+                  disabled=""
                   type="button"
                 >
                   <span
@@ -3575,59 +3587,35 @@ Object {
                     <span
                       class="euiButton__text"
                     >
-                      Cancel
+                      Create
                     </span>
                   </span>
                 </button>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                    data-test-subj="createButton"
-                    disabled=""
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
               >
-                <span
-                  class="euiToolTipAnchor"
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                  data-test-subj="createAndSetButton"
+                  disabled=""
+                  type="button"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                    data-test-subj="createAndSetButton"
-                    disabled=""
-                    type="button"
+                  <span
+                    class="euiButtonContent euiButton__content"
                   >
                     <span
-                      class="euiButtonContent euiButton__content"
+                      class="euiButton__text"
                     >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create and Set Availability
-                      </span>
+                      Create and Set Availability
                     </span>
-                  </button>
-                </span>
-              </div>
+                  </span>
+                </button>
+              </span>
             </div>
           </div>
         </div>
@@ -3636,333 +3624,329 @@ Object {
   </body>,
   "container": <div>
     <div
-      style="max-width: 1130px;"
+      class="euiPage euiPage--paddingMedium euiPage--grow"
     >
       <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
+        class="euiPageBody euiPageBody--borderRadiusNone"
       >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
         <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
         >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageHeaderSection"
+              class="euiPageContentHeaderSection"
             >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                Create
-                 application
-              </h1>
+                Application information
+              </h2>
             </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
             >
               <div
-                class="euiPageContentHeaderSection"
+                class="euiFormRow__labelWrapper"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  Application information
-                </h2>
+                  Name
+                </label>
               </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__labelWrapper"
               >
-                <div
-                  class="euiFormRow__labelWrapper"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
                 <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
           <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiPageContentHeaderSection"
+            >
+              <h2
+                class="euiTitle euiTitle--medium"
+              >
+                Composition
+              </h2>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="logSourceAccordion"
             >
               <div
-                class="euiPageContentHeaderSection"
+                class="euiAccordion__triggerWrapper"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  Composition
-                </h2>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion"
-                data-test-subj="logSourceAccordion"
-              >
-                <div
-                  class="euiAccordion__triggerWrapper"
-                >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Log source
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
                       />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Configure your application base query
-                        </div>
+                        Configure your application base query
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearLogSourceButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearLogSourceButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear
-                        </span>
+                        Clear
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="logSource"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
                       <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                        class="euiFlexItem"
                       >
                         <div
-                          class="euiFlexItem"
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
                         >
                           <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
+                            class="euiText euiText--extraSmall"
                           >
                             <div
-                              class="euiText euiText--extraSmall"
+                              class="euiTextColor euiTextColor--default"
                             >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
+                              You can't change the base query after the application is created.
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiFlexItem"
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
                         >
                           <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
+                            class="euiFormRow__labelWrapper"
                           >
-                            <div
-                              class="euiFormRow__labelWrapper"
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
                             <div
-                              class="euiFormRow__fieldWrapper"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
-                              >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-7-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
                                   aria-labelledby="autocomplete-7-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
-                                >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-7-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  />
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
+                                  type="search"
+                                />
+                              </div>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
+                              >
+                                <span
+                                  class="euiBadge__content"
                                 >
                                   <span
-                                    class="euiBadge__content"
+                                    class="euiBadge__text"
                                   >
-                                    <span
-                                      class="euiBadge__text"
-                                    >
-                                      PPL
-                                    </span>
+                                    PPL
                                   </span>
-                                </button>
-                              </div>
-                              <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
-                              >
-                                The default logs view in the application will be filtered by this query.
-                              </div>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
+                            >
+                              The default logs view in the application will be filtered by this query.
                             </div>
                           </div>
                         </div>
@@ -3972,196 +3956,355 @@ Object {
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="servicesEntitiesAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="servicesEntitiesAccordion"
+                class="euiAccordion__triggerWrapper"
               >
+                <button
+                  aria-controls="servicesEntities"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Select services & entities to include in this application
+                      </div>
+                    </div>
+                  </span>
+                </button>
                 <div
-                  class="euiAccordion__triggerWrapper"
+                  class="euiAccordion__optionalAction"
                 >
                   <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearServicesEntitiesButton"
+                    disabled=""
                     type="button"
                   >
                     <span
-                      class="euiAccordion__iconWrapper"
+                      class="euiButtonContent euiButton__content"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <span
+                        class="euiButton__text"
                       >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
+                        Clear all
+                      </span>
                     </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiText euiText--small"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <h3>
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
                           Services & entities
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
+                        </label>
                       </div>
                       <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
+                        class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          class="euiTextColor euiTextColor--subdued"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
                         >
-                          Select services & entities to include in this application
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
+                              >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select services and entities
+                                </p>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
+                                >
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
                         </div>
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearServicesEntitiesButton"
-                      disabled=""
-                      type="button"
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                     >
-                      <span
-                        class="euiButtonContent euiButton__content"
+                      <div
+                        class="euiText euiText--medium"
                       >
                         <span
-                          class="euiButton__text"
+                          class="panel-title"
                         >
-                          Clear all
+                          Service map
                         </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
+                      </div>
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       >
+                        <legend
+                          class="euiScreenReaderOnly"
+                        />
                         <div
-                          class="euiFormRow__labelWrapper"
+                          class="euiButtonGroup__buttons"
                         >
                           <label
-                            class="euiFormLabel euiFormRow__label"
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
                             for="random_html_id"
                           >
-                            Services & entities
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
+                              >
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
+                              </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
+                              </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
+                              </span>
+                            </span>
                           </label>
                         </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                      />
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
+                            class="euiText euiText--medium"
+                          >
+                            Focus on
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiFormControlLayoutIcons"
                               >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select services and entities
-                                  </p>
-                                  <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    <path
+                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
                                     />
-                                  </div>
-                                </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                  </svg>
+                                </span>
                               </div>
                             </div>
                           </div>
@@ -4171,198 +4314,392 @@ Object {
                         class="euiSpacer euiSpacer--l"
                       />
                       <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        style="min-height: 434px;"
                       >
                         <div
-                          class="euiText euiText--medium"
+                          class="euiSpacer euiSpacer--s"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
                         >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
                           <span
-                            class="panel-title"
+                            class="euiTextColor euiTextColor--subdued"
                           >
-                            Service map
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
                           </span>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--m"
+                          class="euiSpacer euiSpacer--s"
                         />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion euiAccordion-isOpen"
+              data-test-subj="traceGroupsAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="true"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="1"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            <span
+                              class="euiBadge__text"
+                            >
+                              1
+                            </span>
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Constrain your application to specific trace groups
+                      </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="clearTraceGroupsButton"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
+                    >
+                      <div
+                        class="euiFormRow__labelWrapper"
+                      >
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
+                          Trace Groups
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
+                        <div
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
                         >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
                           <div
-                            class="euiButtonGroup__buttons"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
                             >
-                              <span
-                                class="euiButtonContent euiButton__content"
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
                                 <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
+                                  class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                  title="test.auto"
                                 >
-                                  <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Duration
+                                  <span
+                                    class="euiBadge__content"
+                                  >
+                                    <span
+                                      class="euiBadge__text"
+                                    >
+                                      test.auto
+                                    </span>
+                                    <button
+                                      aria-label="Remove test.auto from selection in this group"
+                                      class="euiBadge__iconButton"
+                                      title="Remove test.auto from selection in this group"
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                        focusable="false"
+                                        height="16"
+                                        role="img"
+                                        tabindex="-1"
+                                        viewBox="0 0 16 16"
+                                        width="16"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                        />
+                                      </svg>
+                                    </button>
+                                  </span>
                                 </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
-                              >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
                                   <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
                                     id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
                                     value=""
                                   />
-                                  Errors
-                                </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
-                                </span>
-                              </span>
-                            </label>
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
                           </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
+                        </div>
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow10"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <div
-                              class="euiText euiText--medium"
+                            <span
+                              class="panel-title"
                             >
-                              Focus on
-                            </div>
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
                           </div>
-                          <div
-                            class="euiFlexItem"
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiFormControlLayout__childrenWrapper"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
-                                  type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
-                                >
-                                  <span
-                                    class="euiFormControlLayoutCustomIcon"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                      />
-                                    </svg>
-                                  </span>
-                                </div>
-                              </div>
+                                □
+                              </span>
+                               &lt; 95 percentile
                             </div>
-                          </div>
+                          </button>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiFlexItem euiFlexItem--flexGrow1"
                         />
                         <div
-                          style="min-height: 434px;"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            <div
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
-                              </div>
-                            </span>
-                          </div>
+                                ■
+                              </span>
+                               &gt;= 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
                           <div
-                            class="euiSpacer euiSpacer--s"
+                            class="euiSpacer euiSpacer--m"
                           />
-                        </div>
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <div
+                              class="euiText euiText--small"
+                            >
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                            </div>
+                          </div>
+                        </span>
                       </div>
                       <div
                         class="euiSpacer euiSpacer--xl"
@@ -4372,68 +4709,329 @@ Object {
                 </div>
               </div>
             </div>
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
+              >
+                <span
+                  class="euiButton__text"
+                >
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                data-test-subj="createButton"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Create
+                  </span>
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                data-test-subj="createAndSetButton"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Create and Set Availability
+                  </span>
+                </span>
+              </button>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Create Page clears service selected 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body
+    class=""
+  >
+    <div>
+      <div
+        class="euiPage euiPage--paddingMedium euiPage--grow"
+      >
+        <div
+          class="euiPageBody euiPageBody--borderRadiusNone"
+        >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
+          >
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
+            >
+              <div
+                class="euiPageContentHeaderSection"
+              >
+                <h2
+                  class="euiTitle euiTitle--medium"
+                >
+                  Application information
+                </h2>
+              </div>
+            </div>
             <hr
               class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
             />
-            <div>
+            <form
+              class="euiForm"
+            >
               <div
-                class="euiAccordion euiAccordion-isOpen"
-                data-test-subj="traceGroupsAccordion"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiAccordion__triggerWrapper"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <button
-                    aria-controls="traceGroups"
-                    aria-expanded="true"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    Name
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
+                  <div
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
+                <div
+                  class="euiFormRow__labelWrapper"
+                >
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
+                  >
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
+                  <div
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
+            >
+              <div
+                class="euiPageContentHeaderSection"
+              >
+                <h2
+                  class="euiTitle euiTitle--medium"
+                >
+                  Composition
+                </h2>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="logSourceAccordion"
+              >
+                <div
+                  class="euiAccordion__triggerWrapper"
+                >
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
+                  >
+                    <span
+                      class="euiAccordion__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <h3>
-                          Trace groups
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="1"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              <span
-                                class="euiBadge__text"
-                              >
-                                1
-                              </span>
-                            </span>
-                          </span>
+                          Log source
                         </h3>
                       </div>
                       <div
@@ -4445,7 +5043,7 @@ Object {
                         <div
                           class="euiTextColor euiTextColor--subdued"
                         >
-                          Constrain your application to specific trace groups
+                          Configure your application base query
                         </div>
                       </div>
                     </span>
@@ -4454,8 +5052,9 @@ Object {
                     class="euiAccordion__optionalAction"
                   >
                     <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="clearTraceGroupsButton"
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearLogSourceButton"
+                      disabled=""
                       type="button"
                     >
                       <span
@@ -4464,7 +5063,7 @@ Object {
                         <span
                           class="euiButton__text"
                         >
-                          Clear all
+                          Clear
                         </span>
                       </span>
                     </button>
@@ -4473,7 +5072,7 @@ Object {
                 <div
                   aria-labelledby="random_html_id"
                   class="euiAccordion__childWrapper"
-                  id="traceGroups"
+                  id="logSource"
                   role="region"
                   tabindex="-1"
                 >
@@ -4482,76 +5081,287 @@ Object {
                       class="euiAccordion__padding--l"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFormRow__labelWrapper"
+                          class="euiFlexItem"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
+                          <div
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
-                            Trace Groups
-                          </label>
+                            <div
+                              class="euiText euiText--extraSmall"
+                            >
+                              <div
+                                class="euiTextColor euiTextColor--default"
+                              >
+                                You can't change the base query after the application is created.
+                              </div>
+                            </div>
+                          </div>
                         </div>
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          class="euiFlexItem"
                         >
                           <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormRow__labelWrapper"
+                            >
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
+                              >
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-5-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
+                                >
+                                  <textarea
+                                    aria-autocomplete="both"
+                                    aria-labelledby="autocomplete-5-label"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
+                                  />
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
                                 >
                                   <span
-                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                    title="test.auto"
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        test.auto
-                                      </span>
-                                      <button
-                                        aria-label="Remove test.auto from selection in this group"
-                                        class="euiBadge__iconButton"
-                                        title="Remove test.auto from selection in this group"
-                                        type="button"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                          focusable="false"
-                                          height="16"
-                                          role="img"
-                                          tabindex="-1"
-                                          viewBox="0 0 16 16"
-                                          width="16"
-                                          xmlns="http://www.w3.org/2000/svg"
-                                        >
-                                          <path
-                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                          />
-                                        </svg>
-                                      </button>
+                                      PPL
+                                    </span>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion euiAccordion-isOpen"
+                data-test-subj="servicesEntitiesAccordion"
+              >
+                <div
+                  class="euiAccordion__triggerWrapper"
+                >
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="true"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
+                  >
+                    <span
+                      class="euiAccordion__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & entities
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="1"
+                          >
+                            <span
+                              class="euiBadge__content"
+                            >
+                              <span
+                                class="euiBadge__text"
+                              >
+                                1
+                              </span>
+                            </span>
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Select services & entities to include in this application
+                        </div>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small"
+                      data-test-subj="clearServicesEntitiesButton"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          class="euiFormRow__labelWrapper"
+                        >
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
+                          >
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
+                          <div
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
+                                >
+                                  <span
+                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                    title="User"
+                                  >
+                                    <span
+                                      class="euiBadge__content"
+                                    >
+                                      <span
+                                        class="euiBadge__text"
+                                      >
+                                        User
+                                      </span>
+                                      <button
+                                        aria-label="Remove User from selection in this group"
+                                        class="euiBadge__iconButton"
+                                        title="Remove User from selection in this group"
+                                        type="button"
+                                      >
+                                        <svg
+                                          aria-hidden="true"
+                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                          focusable="false"
+                                          height="16"
+                                          role="img"
+                                          tabindex="-1"
+                                          viewBox="0 0 16 16"
+                                          width="16"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                          />
+                                        </svg>
+                                      </button>
                                     </span>
                                   </span>
                                   <div
@@ -4600,12 +5410,6 @@ Object {
                               </div>
                             </div>
                           </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
-                          >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
                         </div>
                       </div>
                       <div
@@ -4615,1018 +5419,513 @@ Object {
                         class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiText euiText--medium"
+                        >
+                          <span
+                            class="panel-title"
+                          >
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                         >
+                          <legend
+                            class="euiScreenReaderOnly"
+                          />
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
+                            class="euiButtonGroup__buttons"
                           >
-                            <div
-                              class="euiText euiText--medium"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
                               <span
-                                class="panel-title"
+                                class="euiButtonContent euiButton__content"
                               >
-                                Latency by trace group
+                                <span
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
+                                >
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
+                                </span>
                               </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
                               <span
-                                class="panel-title-count"
+                                class="euiButtonContent euiButton__content"
                               >
-                                 (0)
+                                <span
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
+                                >
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
+                                </span>
                               </span>
-                            </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
-                          >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
                             >
-                              <div
-                                class="euiText euiText--extraSmall"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  style="color: rgb(149, 122, 201);"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
                                 >
-                                  □
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                                 &lt; 95 percentile
-                              </div>
-                            </button>
+                              </span>
+                            </label>
                           </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
                             class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              Focus on
+                            </div>
+                          </div>
+                          <div
+                            class="euiFlexItem"
+                          >
+                            <div
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
+                                <div
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  ■
-                                </span>
-                                 &gt;= 95 percentile
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                      />
+                                    </svg>
+                                  </span>
+                                </div>
                               </div>
-                            </button>
+                            </div>
                           </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
-                        <div
-                          class="euiSpacer euiSpacer--xl"
+                          class="euiSpacer euiSpacer--l"
                         />
                         <div
-                          class="euiEmptyPrompt"
+                          style="min-height: 434px;"
                         >
-                          <h2
-                            class="euiTitle euiTitle--medium"
-                          >
-                            No matches
-                          </h2>
-                          <span
-                            class="euiTextColor euiTextColor--subdued"
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
+                          <div
+                            class="euiEmptyPrompt"
                           >
-                            <div
-                              class="euiSpacer euiSpacer--m"
-                            />
-                            <div
-                              class="euiText euiText--medium"
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
                             >
                               <div
-                                class="euiText euiText--small"
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
                               >
-                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                <div
+                                  class="euiText euiText--small"
+                                >
+                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                </div>
                               </div>
-                            </div>
-                          </span>
+                            </span>
+                          </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
                         </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <button
-                class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
-                type="button"
-              >
-                <span
-                  class="euiButtonContent euiButton__content"
-                >
-                  <span
-                    class="euiButton__text"
-                  >
-                    Cancel
-                  </span>
-                </span>
-              </button>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="traceGroupsAccordion"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                  data-test-subj="createButton"
-                  disabled=""
-                  type="button"
+                <div
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <span
-                    class="euiButtonContent euiButton__content"
+                  <button
+                    aria-controls="traceGroups"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
                     <span
-                      class="euiButton__text"
+                      class="euiAccordion__iconWrapper"
                     >
-                      Create
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
                     </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                  data-test-subj="createAndSetButton"
-                  disabled=""
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
                     <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
-exports[`Create Page clears service selected 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body
-    class=""
-  >
-    <div>
-      <div
-        style="max-width: 1130px;"
-      >
-        <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
-        >
-          <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
-          >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-            >
-              <div
-                class="euiPageHeaderSection"
-              >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
-                >
-                  Create
-                   application
-                </h1>
-              </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
-            >
-              <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
-              >
-                <div
-                  class="euiPageContentHeaderSection"
-                >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Application information
-                  </h2>
-                </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
-                <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
-                >
-                  <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
-                  >
-                    <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiIEFlexWrapFix"
                     >
                       <div
-                        class="euiFormControlLayout__childrenWrapper"
+                        class="euiText euiText--small"
                       >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value=""
-                        />
+                        <h3>
+                          Trace groups
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
+                            <span
+                              class="euiBadge__content"
+                            >
+                              0
+                            </span>
+                          </span>
+                        </h3>
                       </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
-                >
-                  <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
-                  >
-                    <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
-                    >
                       <div
-                        class="euiFormControlLayout__childrenWrapper"
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
                       >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value=""
-                        />
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Constrain your application to specific trace groups
+                        </div>
                       </div>
-                    </div>
-                  </div>
-                </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
-            >
-              <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
-              >
-                <div
-                  class="euiPageContentHeaderSection"
-                >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion"
-                  data-test-subj="logSourceAccordion"
-                >
+                    </span>
+                  </button>
                   <div
-                    class="euiAccordion__triggerWrapper"
+                    class="euiAccordion__optionalAction"
                   >
                     <button
-                      aria-controls="logSource"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearTraceGroupsButton"
+                      disabled=""
                       type="button"
                     >
                       <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                        class="euiButtonContent euiButton__content"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
-                        <div
-                          class="euiText euiText--small"
+                        <span
+                          class="euiButton__text"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
-                        </div>
+                          Clear all
+                        </span>
                       </span>
                     </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
                     <div
-                      class="euiAccordion__optionalAction"
+                      class="euiAccordion__padding--l"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearLogSourceButton"
-                        disabled=""
-                        type="button"
+                      <div
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
-                        <span
-                          class="euiButtonContent euiButton__content"
+                        <div
+                          class="euiFormRow__labelWrapper"
                         >
-                          <span
-                            class="euiButton__text"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            Clear
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
-                      <div
-                        class="euiAccordion__padding--l"
-                      >
+                            Trace Groups
+                          </label>
+                        </div>
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFormRow__fieldWrapper"
                         >
                           <div
-                            class="euiFlexItem"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                          <div
-                            class="euiFlexItem"
-                          >
-                            <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
-                            >
-                              <div
-                                class="euiFormRow__labelWrapper"
-                              >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
-                              <div
-                                class="euiFormRow__fieldWrapper"
-                              >
-                                <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select or add trace groups
+                                  </p>
                                   <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
-                                    aria-labelledby="autocomplete-5-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-5-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
+                                    <div
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
                                     />
                                   </div>
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
                                   <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <span
-                                      class="euiBadge__content"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
-                                    </span>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
                                   </button>
                                 </div>
-                                <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
-                                >
-                                  The default logs view in the application will be filtered by this query.
-                                </div>
                               </div>
                             </div>
                           </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
                         </div>
                       </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion euiAccordion-isOpen"
-                  data-test-subj="servicesEntitiesAccordion"
-                >
-                  <div
-                    class="euiAccordion__triggerWrapper"
-                  >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="true"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
-                    >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                       >
                         <div
-                          class="euiText euiText--small"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <h3>
-                            Services & entities
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="1"
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrow10"
+                          >
+                            <div
+                              class="euiText euiText--medium"
                             >
                               <span
-                                class="euiBadge__content"
+                                class="panel-title"
                               >
-                                <span
-                                  class="euiBadge__text"
-                                >
-                                  1
-                                </span>
+                                Latency by trace group
                               </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
+                              <span
+                                class="panel-title-count"
+                              >
+                                 (0)
+                              </span>
+                            </div>
                           </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
-                    >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small"
-                        data-test-subj="clearServicesEntitiesButton"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
-                      <div
-                        class="euiAccordion__padding--l"
-                      >
-                        <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
-                        >
                           <div
-                            class="euiFormRow__labelWrapper"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              Services & entities
-                            </label>
+                              <div
+                                class="euiText euiText--extraSmall"
+                              >
+                                <span
+                                  style="color: rgb(149, 122, 201);"
+                                >
+                                  □
+                                </span>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
+                          />
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
-                                  >
-                                    <span
-                                      class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                      title="User"
-                                    >
-                                      <span
-                                        class="euiBadge__content"
-                                      >
-                                        <span
-                                          class="euiBadge__text"
-                                        >
-                                          User
-                                        </span>
-                                        <button
-                                          aria-label="Remove User from selection in this group"
-                                          class="euiBadge__iconButton"
-                                          title="Remove User from selection in this group"
-                                          type="button"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                            focusable="false"
-                                            height="16"
-                                            role="img"
-                                            tabindex="-1"
-                                            viewBox="0 0 16 16"
-                                            width="16"
-                                            xmlns="http://www.w3.org/2000/svg"
-                                          >
-                                            <path
-                                              d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                            />
-                                          </svg>
-                                        </button>
-                                      </span>
-                                    </span>
-                                    <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
-                                  </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                  >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </div>
+                            </button>
                           </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrow1"
+                          />
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
                         />
                         <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiSpacer euiSpacer--xl"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <h2
+                            class="euiTitle euiTitle--medium"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
+                            <div
+                              class="euiSpacer euiSpacer--m"
                             />
                             <div
-                              class="euiButtonGroup__buttons"
+                              class="euiText euiText--medium"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
+                              <div
+                                class="euiText euiText--small"
                               >
-                                <span
-                                  class="euiButtonContent euiButton__content"
-                                >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
-                                </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
-                              >
-                                <span
-                                  class="euiButtonContent euiButton__content"
-                                >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
-                                </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
-                              >
-                                <span
-                                  class="euiButtonContent euiButton__content"
-                                >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
-                                </span>
-                              </label>
-                            </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
-                          <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                          >
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem"
-                            >
-                              <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
-                              >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
-                                >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
-                                  >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
-                                </div>
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                               </div>
                             </div>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--l"
-                          />
-                          <div
-                            style="min-height: 434px;"
-                          >
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
-                            >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
-                              >
-                                <div
-                                  class="euiSpacer euiSpacer--m"
-                                />
-                                <div
-                                  class="euiText euiText--medium"
-                                >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
-                                </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                          </div>
+                          </span>
                         </div>
                         <div
                           class="euiSpacer euiSpacer--xl"
@@ -5636,319 +5935,413 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion"
-                  data-test-subj="traceGroupsAccordion"
+            </div>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <span
+                    class="euiButton__text"
                   >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
+              >
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  data-test-subj="createButton"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
-                      >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
-                            >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      Create
+                    </span>
+                  </span>
+                </button>
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
+              >
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                  data-test-subj="createAndSetButton"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearTraceGroupsButton"
-                        disabled=""
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
+                      Create and Set Availability
+                    </span>
+                  </span>
+                </button>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="euiPage euiPage--paddingMedium euiPage--grow"
+    >
+      <div
+        class="euiPageBody euiPageBody--borderRadiusNone"
+      >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
+        >
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
+          >
+            <div
+              class="euiPageContentHeaderSection"
+            >
+              <h2
+                class="euiTitle euiTitle--medium"
+              >
+                Application information
+              </h2>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
+          >
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
+            >
+              <div
+                class="euiFormRow__labelWrapper"
+              >
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
+                >
+                  Name
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
+                <div
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
+                >
                   <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div>
-                      <div
-                        class="euiAccordion__padding--l"
-                      >
-                        <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
-                        >
-                          <div
-                            class="euiFormRow__labelWrapper"
-                          >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
+              <div
+                class="euiFormRow__labelWrapper"
+              >
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
+                >
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
+                <div
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
+                >
+                  <div
+                    class="euiFormControlLayout__childrenWrapper"
+                  >
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
+          >
+            <div
+              class="euiPageContentHeaderSection"
+            >
+              <h2
+                class="euiTitle euiTitle--medium"
+              >
+                Composition
+              </h2>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="logSourceAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Configure your application base query
+                      </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearLogSourceButton"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                    >
+                      <div
+                        class="euiFlexItem"
+                      >
+                        <div
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            class="euiText euiText--extraSmall"
                           >
                             <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
-                            >
-                              <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
-                              >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
-                                >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
-                                  >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select or add trace groups
-                                    </p>
-                                    <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
-                                  </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                  >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
+                              class="euiTextColor euiTextColor--default"
                             >
-                              Select one or multiple trace groups, or type a custom one
+                              You can't change the base query after the application is created.
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
                         >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                class="euiText euiText--medium"
-                              >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-5-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
+                                  aria-labelledby="autocomplete-5-label"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
+                                  type="search"
+                                />
                               </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
                               <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
+                                <span
+                                  class="euiBadge__content"
                                 >
                                   <span
-                                    style="color: rgb(149, 122, 201);"
+                                    class="euiBadge__text"
                                   >
-                                    □
+                                    PPL
                                   </span>
-                                   &lt; 95 percentile
-                                </div>
+                                </span>
                               </button>
                             </div>
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
                             >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
-                              >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
+                              The default logs view in the application will be filtered by this query.
                             </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
-                          >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
-                            >
-                              <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
-                              </div>
-                            </span>
                           </div>
-                          <div
-                            class="euiSpacer euiSpacer--xl"
-                          />
                         </div>
                       </div>
                     </div>
@@ -5956,65 +6349,91 @@ Object {
                 </div>
               </div>
             </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
             <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiAccordion euiAccordion-isOpen"
+              data-test-subj="servicesEntitiesAccordion"
             >
               <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+                class="euiAccordion__triggerWrapper"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
+                  aria-controls="servicesEntities"
+                  aria-expanded="true"
+                  class="euiAccordion__button"
+                  id="random_html_id"
                   type="button"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiButton__text"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Cancel
-                    </span>
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="1"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            <span
+                              class="euiBadge__text"
+                            >
+                              1
+                            </span>
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Select services & entities to include in this application
+                      </div>
+                    </div>
                   </span>
                 </button>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
+                <div
+                  class="euiAccordion__optionalAction"
                 >
                   <button
-                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                    data-test-subj="createButton"
-                    disabled=""
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                    data-test-subj="createAndSetButton"
-                    disabled=""
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="clearServicesEntitiesButton"
                     type="button"
                   >
                     <span
@@ -6023,329 +6442,62 @@ Object {
                       <span
                         class="euiButton__text"
                       >
-                        Create and Set Availability
+                        Clear all
                       </span>
                     </span>
                   </button>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      style="max-width: 1130px;"
-    >
-      <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
-      >
-        <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
-        >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-          >
-            <div
-              class="euiPageHeaderSection"
-            >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
-              >
-                Create
-                 application
-              </h1>
-            </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
-          >
-            <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
-            >
-              <div
-                class="euiPageContentHeaderSection"
-              >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Application information
-                </h2>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
-              <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
-              >
-                <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
-                >
-                  <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
-                  >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
                 </div>
               </div>
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
               >
-                <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
-                >
+                <div>
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiAccordion__padding--l"
                   >
                     <div
-                      class="euiFormControlLayout__childrenWrapper"
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
-          >
-            <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
-            >
-              <div
-                class="euiPageContentHeaderSection"
-              >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Composition
-                </h2>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion"
-                data-test-subj="logSourceAccordion"
-              >
-                <div
-                  class="euiAccordion__triggerWrapper"
-                >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
-                  >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Log source
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
                       <div
-                        class="euiText euiText--small"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
                         >
-                          Configure your application base query
-                        </div>
+                          Services & entities
+                        </label>
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearLogSourceButton"
-                      disabled=""
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButton__content"
-                      >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear
-                        </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="logSource"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
                       <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                        class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          class="euiFlexItem"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
                         >
                           <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiText euiText--extraSmall"
-                            >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div
-                          class="euiFlexItem"
-                        >
-                          <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
-                          >
-                            <div
-                              class="euiFormRow__labelWrapper"
-                            >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
-                            <div
-                              class="euiFormRow__fieldWrapper"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
-                                  aria-labelledby="autocomplete-5-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
-                                >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-5-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  />
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
+                                <span
+                                  class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                  title="User"
                                 >
                                   <span
                                     class="euiBadge__content"
@@ -6353,250 +6505,233 @@ Object {
                                     <span
                                       class="euiBadge__text"
                                     >
-                                      PPL
+                                      User
                                     </span>
+                                    <button
+                                      aria-label="Remove User from selection in this group"
+                                      class="euiBadge__iconButton"
+                                      title="Remove User from selection in this group"
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                        focusable="false"
+                                        height="16"
+                                        role="img"
+                                        tabindex="-1"
+                                        viewBox="0 0 16 16"
+                                        width="16"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                        />
+                                      </svg>
+                                    </button>
                                   </span>
-                                </button>
+                                </span>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
+                                >
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
                               </div>
                               <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                               >
-                                The default logs view in the application will be filtered by this query.
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
                             </div>
                           </div>
                         </div>
                       </div>
                     </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion euiAccordion-isOpen"
-                data-test-subj="servicesEntitiesAccordion"
-              >
-                <div
-                  class="euiAccordion__triggerWrapper"
-                >
-                  <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="true"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
-                  >
-                    <span
-                      class="euiAccordion__iconWrapper"
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="euiText euiText--medium"
                       >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
                       <div
-                        class="euiText euiText--small"
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       >
-                        <h3>
-                          Services & entities
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="1"
+                        <legend
+                          class="euiScreenReaderOnly"
+                        />
+                        <div
+                          class="euiButtonGroup__buttons"
+                        >
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                            for="random_html_id"
                           >
                             <span
-                              class="euiBadge__content"
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiBadge__text"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
                               >
-                                1
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
                               </span>
                             </span>
-                          </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
+                              </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
+                              </span>
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
                       />
                       <div
-                        class="euiText euiText--small"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiTextColor euiTextColor--subdued"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          Select services & entities to include in this application
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            Focus on
+                          </div>
                         </div>
-                      </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="clearServicesEntitiesButton"
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButton__content"
-                      >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
-                      <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
-                      >
                         <div
-                          class="euiFormRow__labelWrapper"
+                          class="euiFlexItem"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Services & entities
-                          </label>
-                        </div>
-                        <div
-                          class="euiFormRow__fieldWrapper"
-                        >
-                          <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiFormControlLayoutIcons"
                               >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  <span
-                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                    title="User"
-                                  >
-                                    <span
-                                      class="euiBadge__content"
-                                    >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        User
-                                      </span>
-                                      <button
-                                        aria-label="Remove User from selection in this group"
-                                        class="euiBadge__iconButton"
-                                        title="Remove User from selection in this group"
-                                        type="button"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                          focusable="false"
-                                          height="16"
-                                          role="img"
-                                          tabindex="-1"
-                                          viewBox="0 0 16 16"
-                                          width="16"
-                                          xmlns="http://www.w3.org/2000/svg"
-                                        >
-                                          <path
-                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                          />
-                                        </svg>
-                                      </button>
-                                    </span>
-                                  </span>
-                                  <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
+                                    <path
+                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
                                     />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
-                                </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                  </svg>
+                                </span>
                               </div>
                             </div>
                           </div>
@@ -6606,198 +6741,358 @@ Object {
                         class="euiSpacer euiSpacer--l"
                       />
                       <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        style="min-height: 434px;"
                       >
                         <div
-                          class="euiText euiText--medium"
+                          class="euiSpacer euiSpacer--s"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
                         >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
                           <span
-                            class="panel-title"
+                            class="euiTextColor euiTextColor--subdued"
                           >
-                            Service map
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
                           </span>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--m"
+                          class="euiSpacer euiSpacer--s"
                         />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="traceGroupsAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Constrain your application to specific trace groups
+                      </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearTraceGroupsButton"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
+                    >
+                      <div
+                        class="euiFormRow__labelWrapper"
+                      >
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
+                          Trace Groups
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
+                        <div
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
                         >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
                           <div
-                            class="euiButtonGroup__buttons"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
                             >
-                              <span
-                                class="euiButtonContent euiButton__content"
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select or add trace groups
+                                </p>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
                                   <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
                                     id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
                                     value=""
                                   />
-                                  Duration
-                                </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Errors
-                                </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
-                              >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
-                                </span>
-                              </span>
-                            </label>
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
                           </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
+                        </div>
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow10"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <div
-                              class="euiText euiText--medium"
+                            <span
+                              class="panel-title"
                             >
-                              Focus on
-                            </div>
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
                           </div>
-                          <div
-                            class="euiFlexItem"
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiFormControlLayout__childrenWrapper"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
-                                  type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
-                                >
-                                  <span
-                                    class="euiFormControlLayoutCustomIcon"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                      />
-                                    </svg>
-                                  </span>
-                                </div>
-                              </div>
+                                □
+                              </span>
+                               &lt; 95 percentile
                             </div>
-                          </div>
+                          </button>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiFlexItem euiFlexItem--flexGrow1"
                         />
                         <div
-                          style="min-height: 434px;"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
+                          >
+                            <div
+                              class="euiText euiText--extraSmall"
+                            >
+                              <span
+                                style="color: rgb(149, 122, 201);"
+                              >
+                                ■
+                              </span>
+                               &gt;= 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
                         >
                           <div
-                            class="euiSpacer euiSpacer--s"
+                            class="euiSpacer euiSpacer--m"
                           />
                           <div
-                            class="euiEmptyPrompt"
+                            class="euiText euiText--medium"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            <div
+                              class="euiText euiText--small"
                             >
-                              <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
-                              </div>
-                            </span>
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                            </div>
                           </div>
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                        </div>
+                        </span>
                       </div>
                       <div
                         class="euiSpacer euiSpacer--xl"
@@ -6807,338 +7102,67 @@ Object {
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion"
-                data-test-subj="traceGroupsAccordion"
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <span
+                  class="euiButton__text"
                 >
-                  <button
-                    aria-controls="traceGroups"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
-                  >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Trace groups
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Constrain your application to specific trace groups
-                        </div>
-                      </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                data-test-subj="createButton"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearTraceGroupsButton"
-                      disabled=""
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButton__content"
-                      >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="traceGroups"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
-                      <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
-                      >
-                        <div
-                          class="euiFormRow__labelWrapper"
-                        >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Trace Groups
-                          </label>
-                        </div>
-                        <div
-                          class="euiFormRow__fieldWrapper"
-                        >
-                          <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
-                          >
-                            <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
-                            >
-                              <div
-                                class="euiFormControlLayout__childrenWrapper"
-                              >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
-                                >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select or add trace groups
-                                  </p>
-                                  <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
-                                </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
-                          >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                      >
-                        <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                        >
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
-                          >
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              <span
-                                class="panel-title"
-                              >
-                                Latency by trace group
-                              </span>
-                              <span
-                                class="panel-title-count"
-                              >
-                                 (0)
-                              </span>
-                            </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
-                          >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
-                            >
-                              <div
-                                class="euiText euiText--extraSmall"
-                              >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  □
-                                </span>
-                                 &lt; 95 percentile
-                              </div>
-                            </button>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
-                          >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
-                            >
-                              <div
-                                class="euiText euiText--extraSmall"
-                              >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  ■
-                                </span>
-                                 &gt;= 95 percentile
-                              </div>
-                            </button>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
-                        <div
-                          class="euiEmptyPrompt"
-                        >
-                          <h2
-                            class="euiTitle euiTitle--medium"
-                          >
-                            No matches
-                          </h2>
-                          <span
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            <div
-                              class="euiSpacer euiSpacer--m"
-                            />
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              <div
-                                class="euiText euiText--small"
-                              >
-                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                              </div>
-                            </div>
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+                    Create
+                  </span>
+                </span>
+              </button>
+            </span>
           </div>
           <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <span
+              class="euiToolTipAnchor"
             >
               <button
-                class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                data-test-subj="createAndSetButton"
+                disabled=""
                 type="button"
               >
                 <span
@@ -7147,59 +7171,11 @@ Object {
                   <span
                     class="euiButton__text"
                   >
-                    Cancel
+                    Create and Set Availability
                   </span>
                 </span>
               </button>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                  data-test-subj="createButton"
-                  disabled=""
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                  data-test-subj="createAndSetButton"
-                  disabled=""
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
+            </span>
           </div>
         </div>
       </div>
@@ -7265,332 +7241,328 @@ Object {
   "baseElement": <body>
     <div>
       <div
-        style="max-width: 1130px;"
+        class="euiPage euiPage--paddingMedium euiPage--grow"
       >
         <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
+          class="euiPageBody euiPageBody--borderRadiusNone"
         >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
           <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
           >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageHeaderSection"
+                class="euiPageContentHeaderSection"
               >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  Create
-                   application
-                </h1>
+                  Application information
+                </h2>
               </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <form
+              class="euiForm"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiPageContentHeaderSection"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    Application information
-                  </h2>
+                    Name
+                  </label>
                 </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__fieldWrapper"
                 >
                   <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <div
-                    class="euiFormRow__labelWrapper"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
                   <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
             <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiPageContentHeaderSection"
               >
-                <div
-                  class="euiPageContentHeaderSection"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
+                  Composition
+                </h2>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="logSourceAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="logSourceAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="logSource"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
                         />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Log source
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
+                          Configure your application base query
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearLogSourceButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearLogSourceButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear
-                          </span>
+                          Clear
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFlexItem"
                         >
                           <div
-                            class="euiFlexItem"
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
                             <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
+                              class="euiText euiText--extraSmall"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiTextColor euiTextColor--default"
                               >
-                                <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
+                                You can't change the base query after the application is created.
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
+                              class="euiFormRow__labelWrapper"
                             >
-                              <div
-                                class="euiFormRow__labelWrapper"
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
                               >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
+                            >
                               <div
-                                class="euiFormRow__fieldWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-0-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
                                 >
-                                  <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
+                                  <textarea
+                                    aria-autocomplete="both"
                                     aria-labelledby="autocomplete-0-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
-                                  >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-0-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
-                                    />
-                                  </div>
-                                  <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
+                                  />
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
+                                >
+                                  <span
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
+                                      PPL
                                     </span>
-                                  </button>
-                                </div>
-                                <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
-                                >
-                                  The default logs view in the application will be filtered by this query.
-                                </div>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
                               </div>
                             </div>
                           </div>
@@ -7600,686 +7572,366 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="servicesEntitiesAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="servicesEntitiesAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Services & entities
-                             
+                        <path
+                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & entities
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
                             <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
+                              class="euiBadge__content"
                             >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
+                              0
                             </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
-                          </div>
+                          Select services & entities to include in this application
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearServicesEntitiesButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearServicesEntitiesButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
+                          Clear all
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Services & entities
-                            </label>
-                          </div>
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
-                                >
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
+                                >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select services and entities
+                                  </p>
                                   <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select services and entities
-                                    </p>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiText euiText--medium"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <span
+                            class="panel-title"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                        >
+                          <legend
+                            class="euiScreenReaderOnly"
                           />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                          <div
+                            class="euiButtonGroup__buttons"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
-                            />
-                            <div
-                              class="euiButtonGroup__buttons"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                              </label>
-                            </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
+                              </span>
+                            </label>
+                          </div>
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
-                              >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
-                                >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
-                                  >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
-                                </div>
-                              </div>
+                              Focus on
                             </div>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--l"
-                          />
-                          <div
-                            style="min-height: 434px;"
+                            class="euiFlexItem"
                           >
                             <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
                               >
-                                <div
-                                  class="euiSpacer euiSpacer--m"
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
                                 />
                                 <div
-                                  class="euiText euiText--medium"
-                                >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
-                                </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion"
-                  data-test-subj="traceGroupsAccordion"
-                >
-                  <div
-                    class="euiAccordion__triggerWrapper"
-                  >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
-                    >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
-                      >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
-                            >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
-                    >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearTraceGroupsButton"
-                        disabled=""
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
-                      <div
-                        class="euiAccordion__padding--l"
-                      >
-                        <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
-                        >
-                          <div
-                            class="euiFormRow__labelWrapper"
-                          >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
-                          <div
-                            class="euiFormRow__fieldWrapper"
-                          >
-                            <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
-                            >
-                              <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
-                              >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select or add trace groups
-                                    </p>
-                                    <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                      <path
+                                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
                                       />
-                                    </div>
-                                  </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                  >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                    </svg>
+                                  </span>
                                 </div>
                               </div>
                             </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
-                            >
-                              Select one or multiple trace groups, or type a custom one
-                            </div>
                           </div>
                         </div>
                         <div
                           class="euiSpacer euiSpacer--l"
                         />
                         <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          style="min-height: 434px;"
                         >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                          >
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
-                              >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    □
-                                  </span>
-                                   &lt; 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
-                              >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiSpacer euiSpacer--s"
                           />
                           <div
                             class="euiEmptyPrompt"
@@ -8307,280 +7959,75 @@ Object {
                             </span>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiSpacer euiSpacer--s"
                           />
                         </div>
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-            <div
-              class="euiSpacer euiSpacer--l"
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
             />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Cancel
-                    </span>
-                  </span>
-                </button>
-              </div>
+            <div>
               <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+                class="euiAccordion"
+                data-test-subj="traceGroupsAccordion"
               >
-                <span
-                  class="euiToolTipAnchor"
+                <div
+                  class="euiAccordion__triggerWrapper"
                 >
                   <button
-                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                    data-test-subj="createButton"
-                    disabled=""
+                    aria-controls="traceGroups"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
                     type="button"
                   >
                     <span
-                      class="euiButtonContent euiButton__content"
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiButton__text"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        Create
-                      </span>
+                        <path
+                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                        />
+                      </svg>
                     </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                    data-test-subj="createAndSetButton"
-                    disabled=""
-                    type="button"
-                  >
                     <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create and Set Availability
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      style="max-width: 1130px;"
-    >
-      <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
-      >
-        <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
-        >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-          >
-            <div
-              class="euiPageHeaderSection"
-            >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
-              >
-                Create
-                 application
-              </h1>
-            </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
-          >
-            <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
-            >
-              <div
-                class="euiPageContentHeaderSection"
-              >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Application information
-                </h2>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
-              <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
-              >
-                <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
-                >
-                  <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
-                  >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
-              >
-                <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
-                >
-                  <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
-                  >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
-          >
-            <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
-            >
-              <div
-                class="euiPageContentHeaderSection"
-              >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Composition
-                </h2>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion"
-                data-test-subj="logSourceAccordion"
-              >
-                <div
-                  class="euiAccordion__triggerWrapper"
-                >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
-                  >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                      class="euiIEFlexWrapFix"
                     >
                       <div
                         class="euiText euiText--small"
                       >
                         <h3>
-                          Log source
+                          Trace groups
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
+                            <span
+                              class="euiBadge__content"
+                            >
+                              0
+                            </span>
+                          </span>
                         </h3>
                       </div>
                       <div
@@ -8592,7 +8039,7 @@ Object {
                         <div
                           class="euiTextColor euiTextColor--subdued"
                         >
-                          Configure your application base query
+                          Constrain your application to specific trace groups
                         </div>
                       </div>
                     </span>
@@ -8602,7 +8049,7 @@ Object {
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearLogSourceButton"
+                      data-test-subj="clearTraceGroupsButton"
                       disabled=""
                       type="button"
                     >
@@ -8612,7 +8059,7 @@ Object {
                         <span
                           class="euiButton__text"
                         >
-                          Clear
+                          Clear all
                         </span>
                       </span>
                     </button>
@@ -8621,7 +8068,7 @@ Object {
                 <div
                   aria-labelledby="random_html_id"
                   class="euiAccordion__childWrapper"
-                  id="logSource"
+                  id="traceGroups"
                   role="region"
                   tabindex="-1"
                 >
@@ -8630,243 +8077,36 @@ Object {
                       class="euiAccordion__padding--l"
                     >
                       <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFlexItem"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <div
-                              class="euiText euiText--extraSmall"
-                            >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
-                            </div>
-                          </div>
+                            Trace Groups
+                          </label>
                         </div>
                         <div
-                          class="euiFlexItem"
+                          class="euiFormRow__fieldWrapper"
                         >
                           <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              class="euiFormRow__labelWrapper"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
-                            <div
-                              class="euiFormRow__fieldWrapper"
-                            >
-                              <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
-                              >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
-                                  aria-labelledby="autocomplete-0-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
-                                >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-0-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  />
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
-                                >
-                                  <span
-                                    class="euiBadge__content"
-                                  >
-                                    <span
-                                      class="euiBadge__text"
-                                    >
-                                      PPL
-                                    </span>
-                                  </span>
-                                </button>
-                              </div>
-                              <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
-                              >
-                                The default logs view in the application will be filtered by this query.
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion"
-                data-test-subj="servicesEntitiesAccordion"
-              >
-                <div
-                  class="euiAccordion__triggerWrapper"
-                >
-                  <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
-                  >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Services & entities
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Select services & entities to include in this application
-                        </div>
-                      </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearServicesEntitiesButton"
-                      disabled=""
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButton__content"
-                      >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
-                      <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
-                      >
-                        <div
-                          class="euiFormRow__labelWrapper"
-                        >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Services & entities
-                          </label>
-                        </div>
-                        <div
-                          class="euiFormRow__fieldWrapper"
-                        >
-                          <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
-                          >
-                            <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
-                            >
-                              <div
-                                class="euiFormControlLayout__childrenWrapper"
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
                                   class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
@@ -8876,7 +8116,7 @@ Object {
                                   <p
                                     class="euiComboBoxPlaceholder"
                                   >
-                                    Select services and entities
+                                    Select or add trace groups
                                   </p>
                                   <div
                                     class="euiComboBox__input"
@@ -8923,6 +8163,12 @@ Object {
                               </div>
                             </div>
                           </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
                         </div>
                       </div>
                       <div
@@ -8932,486 +8178,888 @@ Object {
                         class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                       >
                         <div
-                          class="euiText euiText--medium"
-                        >
-                          <span
-                            class="panel-title"
-                          >
-                            Service map
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
                           <div
-                            class="euiButtonGroup__buttons"
+                            class="euiFlexItem euiFlexItem--flexGrow10"
                           >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
+                            <div
+                              class="euiText euiText--medium"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="panel-title"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
-                                >
-                                  <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Duration
-                                </span>
+                                Latency by trace group
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="panel-title-count"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Errors
-                                </span>
+                                 (0)
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
+                            </div>
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              <span
-                                class="euiButtonContent euiButton__content"
+                              <div
+                                class="euiText euiText--extraSmall"
                               >
                                 <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
+                                  □
                                 </span>
-                              </span>
-                            </label>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
-                        <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                        >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
-                          >
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              Focus on
-                            </div>
-                          </div>
+                            class="euiFlexItem euiFlexItem--flexGrow1"
+                          />
                           <div
-                            class="euiFlexItem"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiText euiText--extraSmall"
                               >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
-                                  type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <span
-                                    class="euiFormControlLayoutCustomIcon"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                      />
-                                    </svg>
-                                  </span>
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </div>
+                            </button>
                           </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrow1"
+                          />
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
                         />
                         <div
-                          style="min-height: 434px;"
+                          class="euiSpacer euiSpacer--xl"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
                         >
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
+                          <h2
+                            class="euiTitle euiTitle--medium"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--small"
                               >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                               </div>
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
+                            </div>
+                          </span>
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
                       </div>
-                      <div
-                        class="euiSpacer euiSpacer--xl"
-                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion"
-                data-test-subj="traceGroupsAccordion"
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
-                  <button
-                    aria-controls="traceGroups"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiButton__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
+              >
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  data-test-subj="createButton"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
                   >
                     <span
-                      class="euiAccordion__iconWrapper"
+                      class="euiButton__text"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                        />
-                      </svg>
+                      Create
                     </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Trace groups
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
+                  </span>
+                </button>
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
+              >
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                  data-test-subj="createAndSetButton"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
+                    >
+                      Create and Set Availability
+                    </span>
+                  </span>
+                </button>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="euiPage euiPage--paddingMedium euiPage--grow"
+    >
+      <div
+        class="euiPageBody euiPageBody--borderRadiusNone"
+      >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
+        >
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
+          >
+            <div
+              class="euiPageContentHeaderSection"
+            >
+              <h2
+                class="euiTitle euiTitle--medium"
+              >
+                Application information
+              </h2>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
+          >
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
+            >
+              <div
+                class="euiFormRow__labelWrapper"
+              >
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
+                >
+                  Name
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
+                <div
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
+                >
+                  <div
+                    class="euiFormControlLayout__childrenWrapper"
+                  >
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
+              <div
+                class="euiFormRow__labelWrapper"
+              >
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
+                >
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
+                <div
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
+                >
+                  <div
+                    class="euiFormControlLayout__childrenWrapper"
+                  >
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
+          >
+            <div
+              class="euiPageContentHeaderSection"
+            >
+              <h2
+                class="euiTitle euiTitle--medium"
+              >
+                Composition
+              </h2>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="logSourceAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
                       />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Constrain your application to specific trace groups
-                        </div>
+                        Configure your application base query
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearLogSourceButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearTraceGroupsButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
+                        Clear
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="traceGroups"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFlexItem"
                       >
                         <div
-                          class="euiFormRow__labelWrapper"
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
+                          <div
+                            class="euiText euiText--extraSmall"
                           >
-                            Trace Groups
-                          </label>
+                            <div
+                              class="euiTextColor euiTextColor--default"
+                            >
+                              You can't change the base query after the application is created.
+                            </div>
+                          </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
                         >
                           <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-0-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
+                                  aria-labelledby="autocomplete-0-label"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
+                                  type="search"
+                                />
+                              </div>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
                               >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                <span
+                                  class="euiBadge__content"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select or add trace groups
-                                  </p>
-                                  <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
+                                  <span
+                                    class="euiBadge__text"
                                   >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
-                                </div>
+                                    PPL
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
+                            >
+                              The default logs view in the application will be filtered by this query.
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="servicesEntitiesAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="servicesEntities"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Select services & entities to include in this application
+                      </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearServicesEntitiesButton"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
+                    >
+                      <div
+                        class="euiFormRow__labelWrapper"
+                      >
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
+                          Services & entities
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
+                        <div
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
+                              >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select services and entities
+                                </p>
                                 <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                      />
-                                    </svg>
-                                  </button>
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
                                 </div>
                               </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
                             </div>
                           </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
-                          >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
                         </div>
                       </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
                       <div
-                        class="euiSpacer euiSpacer--l"
-                      />
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
                       <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       >
+                        <legend
+                          class="euiScreenReaderOnly"
+                        />
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiButtonGroup__buttons"
                         >
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                            for="random_html_id"
                           >
-                            <div
-                              class="euiText euiText--medium"
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="panel-title"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
                               >
-                                Latency by trace group
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
                               </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
                               <span
-                                class="panel-title-count"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
                               >
-                                 (0)
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
                               </span>
-                            </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
-                              <div
-                                class="euiText euiText--extraSmall"
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  □
-                                </span>
-                                 &lt; 95 percentile
-                              </div>
-                            </button>
-                          </div>
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
+                              </span>
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                      />
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
+                            class="euiText euiText--medium"
+                          >
+                            Focus on
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiFormControlLayoutIcons"
                               >
                                 <span
-                                  style="color: rgb(149, 122, 201);"
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  ■
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                    />
+                                  </svg>
                                 </span>
-                                 &gt;= 95 percentile
                               </div>
-                            </button>
+                            </div>
                           </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        style="min-height: 434px;"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
-                        <div
-                          class="euiSpacer euiSpacer--xl"
+                          class="euiSpacer euiSpacer--s"
                         />
                         <div
                           class="euiEmptyPrompt"
@@ -9439,88 +9087,408 @@ Object {
                           </span>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--xl"
+                          class="euiSpacer euiSpacer--s"
                         />
                       </div>
                     </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
                   </div>
                 </div>
               </div>
             </div>
           </div>
-          <div
-            class="euiSpacer euiSpacer--l"
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
           />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
+          <div>
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+              class="euiAccordion"
+              data-test-subj="traceGroupsAccordion"
             >
-              <button
-                class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
-                type="button"
+              <div
+                class="euiAccordion__triggerWrapper"
               >
-                <span
-                  class="euiButtonContent euiButton__content"
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
                   <span
-                    class="euiButton__text"
+                    class="euiAccordion__iconWrapper"
                   >
-                    Cancel
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                      />
+                    </svg>
                   </span>
-                </span>
-              </button>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Constrain your application to specific trace groups
+                      </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearTraceGroupsButton"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
+                    >
+                      <div
+                        class="euiFormRow__labelWrapper"
+                      >
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
+                          Trace Groups
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
+                        <div
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
+                              >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select or add trace groups
+                                </p>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
+                                >
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow10"
+                        >
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <span
+                              class="panel-title"
+                            >
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
+                          >
+                            <div
+                              class="euiText euiText--extraSmall"
+                            >
+                              <span
+                                style="color: rgb(149, 122, 201);"
+                              >
+                                □
+                              </span>
+                               &lt; 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
+                          >
+                            <div
+                              class="euiText euiText--extraSmall"
+                            >
+                              <span
+                                style="color: rgb(149, 122, 201);"
+                              >
+                                ■
+                              </span>
+                               &gt;= 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          <div
+                            class="euiSpacer euiSpacer--m"
+                          />
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <div
+                              class="euiText euiText--small"
+                            >
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                            </div>
+                          </div>
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
             </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
             >
               <span
-                class="euiToolTipAnchor"
+                class="euiButtonContent euiButton__content"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                  data-test-subj="createButton"
-                  disabled=""
-                  type="button"
+                <span
+                  class="euiButton__text"
+                >
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                data-test-subj="createButton"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create
-                    </span>
+                    Create
                   </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
             >
-              <span
-                class="euiToolTipAnchor"
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                data-test-subj="createAndSetButton"
+                disabled=""
+                type="button"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                  data-test-subj="createAndSetButton"
-                  disabled=""
-                  type="button"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
+                    Create and Set Availability
                   </span>
-                </button>
-              </span>
-            </div>
+                </span>
+              </button>
+            </span>
           </div>
         </div>
       </div>
@@ -9586,335 +9554,331 @@ Object {
   "baseElement": <body>
     <div>
       <div
-        style="max-width: 1130px;"
+        class="euiPage euiPage--paddingMedium euiPage--grow"
       >
         <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
+          class="euiPageBody euiPageBody--borderRadiusNone"
         >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
           <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
           >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageHeaderSection"
+                class="euiPageContentHeaderSection"
               >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  Create
-                   application
-                </h1>
+                  Application information
+                </h2>
               </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <form
+              class="euiForm"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiPageContentHeaderSection"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    Application information
-                  </h2>
+                    Name
+                  </label>
                 </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__fieldWrapper"
                 >
                   <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value="Chic Application"
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value="Chic Application"
+                      />
                     </div>
                   </div>
                 </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <div
-                    class="euiFormRow__labelWrapper"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
                   <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value="This is my chic application."
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value="This is my chic application."
+                      />
                     </div>
                   </div>
                 </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
             <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiPageContentHeaderSection"
               >
-                <div
-                  class="euiPageContentHeaderSection"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
+                  Composition
+                </h2>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="logSourceAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="logSourceAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="logSource"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Log source
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
+                          Configure your application base query
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearLogSourceButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearLogSourceButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear
-                          </span>
+                          Clear
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFlexItem"
                         >
                           <div
-                            class="euiFlexItem"
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
                             <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
+                              class="euiText euiText--extraSmall"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiTextColor euiTextColor--default"
                               >
-                                <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
+                                You can't change the base query after the application is created.
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
+                              class="euiFormRow__labelWrapper"
                             >
-                              <div
-                                class="euiFormRow__labelWrapper"
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
                               >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
+                            >
                               <div
-                                class="euiFormRow__fieldWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-1-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
                                 >
-                                  <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
+                                  <textarea
+                                    aria-autocomplete="both"
                                     aria-labelledby="autocomplete-1-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
                                   >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-1-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
-                                    >
-                                      source = openserach_dashboard_sample_logs
-                                    </textarea>
-                                  </div>
-                                  <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
+                                    source = openserach_dashboard_sample_logs
+                                  </textarea>
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
+                                >
+                                  <span
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
+                                      PPL
                                     </span>
-                                  </button>
-                                </div>
-                                <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
-                                >
-                                  The default logs view in the application will be filtered by this query.
-                                </div>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
                               </div>
                             </div>
                           </div>
@@ -9924,738 +9888,761 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="servicesEntitiesAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="servicesEntitiesAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Services & entities
-                             
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & entities
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
                             <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
+                              class="euiBadge__content"
                             >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
+                              0
                             </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
-                          </div>
+                          Select services & entities to include in this application
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearServicesEntitiesButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearServicesEntitiesButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
+                          Clear all
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Services & entities
-                            </label>
-                          </div>
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                  <p
+                                    class="euiComboBoxPlaceholder"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select services and entities
-                                    </p>
-                                    <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
-                                  </div>
+                                    Select services and entities
+                                  </p>
                                   <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
+                                    <div
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
                                 </div>
-                              </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiText euiText--medium"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <span
+                            class="panel-title"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                        >
+                          <legend
+                            class="euiScreenReaderOnly"
                           />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                          <div
+                            class="euiButtonGroup__buttons"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
-                            />
-                            <div
-                              class="euiButtonGroup__buttons"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                              </label>
-                            </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
+                              </span>
+                            </label>
+                          </div>
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
+                              Focus on
                             </div>
+                          </div>
+                          <div
+                            class="euiFlexItem"
+                          >
                             <div
-                              class="euiFlexItem"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
                                   >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
+                                      <path
+                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                      />
+                                    </svg>
+                                  </span>
                                 </div>
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--l"
+                        />
+                        <div
+                          style="min-height: 434px;"
+                        >
                           <div
-                            class="euiSpacer euiSpacer--l"
+                            class="euiSpacer euiSpacer--s"
                           />
                           <div
-                            style="min-height: 434px;"
+                            class="euiEmptyPrompt"
                           >
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
+                            <h2
+                              class="euiTitle euiTitle--medium"
                             >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
+                              No matches
+                            </h2>
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
                               >
                                 <div
-                                  class="euiSpacer euiSpacer--m"
-                                />
-                                <div
-                                  class="euiText euiText--medium"
+                                  class="euiText euiText--small"
                                 >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
+                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                                 </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
+                              </div>
+                            </span>
                           </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
                         </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="traceGroupsAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="traceGroupsAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="traceGroups"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace groups
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
                             <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
+                              class="euiBadge__content"
                             >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
+                              0
                             </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
+                          Constrain your application to specific trace groups
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearTraceGroupsButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearTraceGroupsButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
+                          Clear all
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
+                            Trace Groups
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select or add trace groups
+                                  </p>
                                   <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select or add trace groups
-                                    </p>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
-                            >
-                              Select one or multiple trace groups, or type a custom one
-                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrow10"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
+                              <span
+                                class="panel-title"
                               >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
+                                Latency by trace group
+                              </span>
+                              <span
+                                class="panel-title-count"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    □
-                                  </span>
-                                   &lt; 95 percentile
-                                </div>
-                              </button>
+                                 (0)
+                              </span>
                             </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
+                              <div
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
+                                  □
+                                </span>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                           <div
-                            class="euiEmptyPrompt"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--small"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </span>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
             <div
-              class="euiSpacer euiSpacer--l"
-            />
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              <span
+                class="euiToolTipAnchor"
               >
                 <button
                   class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
+                  data-test-subj="createButton"
                   type="button"
                 >
                   <span
@@ -10664,57 +10651,34 @@ Object {
                     <span
                       class="euiButton__text"
                     >
-                      Cancel
+                      Create
                     </span>
                   </span>
                 </button>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small"
-                    data-test-subj="createButton"
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
               >
-                <span
-                  class="euiToolTipAnchor"
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                  data-test-subj="createAndSetButton"
+                  type="button"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                    data-test-subj="createAndSetButton"
-                    type="button"
+                  <span
+                    class="euiButtonContent euiButton__content"
                   >
                     <span
-                      class="euiButtonContent euiButton__content"
+                      class="euiButton__text"
                     >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create and Set Availability
-                      </span>
+                      Create and Set Availability
                     </span>
-                  </button>
-                </span>
-              </div>
+                  </span>
+                </button>
+              </span>
             </div>
           </div>
         </div>
@@ -10723,335 +10687,331 @@ Object {
   </body>,
   "container": <div>
     <div
-      style="max-width: 1130px;"
+      class="euiPage euiPage--paddingMedium euiPage--grow"
     >
       <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
+        class="euiPageBody euiPageBody--borderRadiusNone"
       >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
         <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
         >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageHeaderSection"
+              class="euiPageContentHeaderSection"
             >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                Create
-                 application
-              </h1>
+                Application information
+              </h2>
             </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
             >
               <div
-                class="euiPageContentHeaderSection"
+                class="euiFormRow__labelWrapper"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  Application information
-                </h2>
+                  Name
+                </label>
               </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormRow__labelWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
+                  <div
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
-                >
-                  <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
-                  >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value="Chic Application"
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value="Chic Application"
+                    />
                   </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__labelWrapper"
               >
-                <div
-                  class="euiFormRow__labelWrapper"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
                 <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value="This is my chic application."
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value="This is my chic application."
+                    />
                   </div>
                 </div>
               </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
           <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiPageContentHeaderSection"
             >
-              <div
-                class="euiPageContentHeaderSection"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Composition
-                </h2>
-              </div>
+                Composition
+              </h2>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="logSourceAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="logSourceAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Log source
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
                       />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Configure your application base query
-                        </div>
+                        Configure your application base query
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearLogSourceButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearLogSourceButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear
-                        </span>
+                        Clear
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="logSource"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
                       <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                        class="euiFlexItem"
                       >
                         <div
-                          class="euiFlexItem"
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
                         >
                           <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
+                            class="euiText euiText--extraSmall"
                           >
                             <div
-                              class="euiText euiText--extraSmall"
+                              class="euiTextColor euiTextColor--default"
                             >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
+                              You can't change the base query after the application is created.
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiFlexItem"
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
                         >
                           <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
+                            class="euiFormRow__labelWrapper"
                           >
-                            <div
-                              class="euiFormRow__labelWrapper"
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
                             <div
-                              class="euiFormRow__fieldWrapper"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
-                              >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-1-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
                                   aria-labelledby="autocomplete-1-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
+                                  type="search"
                                 >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-1-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  >
-                                    source = openserach_dashboard_sample_logs
-                                  </textarea>
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
+                                  source = openserach_dashboard_sample_logs
+                                </textarea>
+                              </div>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
+                              >
+                                <span
+                                  class="euiBadge__content"
                                 >
                                   <span
-                                    class="euiBadge__content"
+                                    class="euiBadge__text"
                                   >
-                                    <span
-                                      class="euiBadge__text"
-                                    >
-                                      PPL
-                                    </span>
+                                    PPL
                                   </span>
-                                </button>
-                              </div>
-                              <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
-                              >
-                                The default logs view in the application will be filtered by this query.
-                              </div>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
+                            >
+                              The default logs view in the application will be filtered by this query.
                             </div>
                           </div>
                         </div>
@@ -11061,738 +11021,761 @@ Object {
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="servicesEntitiesAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="servicesEntitiesAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="servicesEntities"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Services & entities
-                           
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
                           <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
+                            class="euiBadge__content"
                           >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
+                            0
                           </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Select services & entities to include in this application
-                        </div>
+                        Select services & entities to include in this application
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearServicesEntitiesButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearServicesEntitiesButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
+                        Clear all
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <div
-                          class="euiFormRow__labelWrapper"
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Services & entities
-                          </label>
-                        </div>
+                          Services & entities
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
                         >
                           <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select services and entities
+                                </p>
                                 <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select services and entities
-                                  </p>
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
                                   <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
                                 </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
                             </div>
                           </div>
                         </div>
                       </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
                       <div
-                        class="euiSpacer euiSpacer--l"
-                      />
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
                       <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       >
+                        <legend
+                          class="euiScreenReaderOnly"
+                        />
                         <div
-                          class="euiText euiText--medium"
+                          class="euiButtonGroup__buttons"
                         >
-                          <span
-                            class="panel-title"
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                            for="random_html_id"
                           >
-                            Service map
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
-                        >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
-                          <div
-                            class="euiButtonGroup__buttons"
-                          >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
-                                >
-                                  <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Duration
-                                </span>
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Errors
-                                </span>
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
-                                </span>
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
                               </span>
-                            </label>
-                          </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                      />
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              Focus on
-                            </div>
+                            Focus on
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiFormControlLayoutIcons"
                               >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
-                                  type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  <span
-                                    class="euiFormControlLayoutCustomIcon"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                      />
-                                    </svg>
-                                  </span>
-                                </div>
+                                    <path
+                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                    />
+                                  </svg>
+                                </span>
                               </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        style="min-height: 434px;"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiSpacer euiSpacer--s"
                         />
                         <div
-                          style="min-height: 434px;"
+                          class="euiEmptyPrompt"
                         >
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
+                          <h2
+                            class="euiTitle euiTitle--medium"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--small"
                               >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                               </div>
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
+                            </div>
+                          </span>
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
                       </div>
-                      <div
-                        class="euiSpacer euiSpacer--xl"
-                      />
                     </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
                   </div>
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="traceGroupsAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="traceGroupsAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="traceGroups"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Trace groups
-                           
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
                           <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
+                            class="euiBadge__content"
                           >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
+                            0
                           </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Constrain your application to specific trace groups
-                        </div>
+                        Constrain your application to specific trace groups
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearTraceGroupsButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearTraceGroupsButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
+                        Clear all
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="traceGroups"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <div
-                          class="euiFormRow__labelWrapper"
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Trace Groups
-                          </label>
-                        </div>
+                          Trace Groups
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
                         >
                           <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select or add trace groups
+                                </p>
                                 <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select or add trace groups
-                                  </p>
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
                                   <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
                                 </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
                             </div>
                           </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
-                          >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
                         </div>
                       </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
                       <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFlexItem euiFlexItem--flexGrow10"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
+                            class="euiText euiText--medium"
+                          >
+                            <span
+                              class="panel-title"
+                            >
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
                           >
                             <div
-                              class="euiText euiText--medium"
+                              class="euiText euiText--extraSmall"
                             >
                               <span
-                                class="panel-title"
-                              >
-                                Latency by trace group
-                              </span>
-                              <span
-                                class="panel-title-count"
+                                style="color: rgb(149, 122, 201);"
                               >
-                                 (0)
+                                □
                               </span>
+                               &lt; 95 percentile
                             </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
+                            <div
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiText euiText--extraSmall"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  □
-                                </span>
-                                 &lt; 95 percentile
-                              </div>
-                            </button>
-                          </div>
+                                ■
+                              </span>
+                               &gt;= 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
+                            class="euiSpacer euiSpacer--m"
                           />
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
-                            >
-                              <div
-                                class="euiText euiText--extraSmall"
-                              >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  ■
-                                </span>
-                                 &gt;= 95 percentile
-                              </div>
-                            </button>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
-                        <div
-                          class="euiEmptyPrompt"
-                        >
-                          <h2
-                            class="euiTitle euiTitle--medium"
-                          >
-                            No matches
-                          </h2>
-                          <span
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            <div
-                              class="euiSpacer euiSpacer--m"
-                            />
                             <div
-                              class="euiText euiText--medium"
+                              class="euiText euiText--small"
                             >
-                              <div
-                                class="euiText euiText--small"
-                              >
-                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                              </div>
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                             </div>
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
+                          </div>
+                        </span>
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
           <div
-            class="euiSpacer euiSpacer--l"
-          />
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
+              >
+                <span
+                  class="euiButton__text"
+                >
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <span
+              class="euiToolTipAnchor"
             >
               <button
                 class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
+                data-test-subj="createButton"
                 type="button"
               >
                 <span
@@ -11801,57 +11784,34 @@ Object {
                   <span
                     class="euiButton__text"
                   >
-                    Cancel
+                    Create
                   </span>
                 </span>
               </button>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="createButton"
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
             >
-              <span
-                class="euiToolTipAnchor"
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                data-test-subj="createAndSetButton"
+                type="button"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                  data-test-subj="createAndSetButton"
-                  type="button"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
+                    Create and Set Availability
                   </span>
-                </button>
-              </span>
-            </div>
+                </span>
+              </button>
+            </span>
           </div>
         </div>
       </div>
@@ -11919,333 +11879,329 @@ Object {
   >
     <div>
       <div
-        style="max-width: 1130px;"
+        class="euiPage euiPage--paddingMedium euiPage--grow"
       >
         <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
+          class="euiPageBody euiPageBody--borderRadiusNone"
         >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
           <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
           >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageHeaderSection"
+                class="euiPageContentHeaderSection"
               >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  Create
-                   application
-                </h1>
+                  Application information
+                </h2>
               </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <form
+              class="euiForm"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiPageContentHeaderSection"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    Application information
-                  </h2>
+                    Name
+                  </label>
                 </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__fieldWrapper"
                 >
                   <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <div
-                    class="euiFormRow__labelWrapper"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
                   <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
             <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiPageContentHeaderSection"
               >
-                <div
-                  class="euiPageContentHeaderSection"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
+                  Composition
+                </h2>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion"
-                  data-test-subj="logSourceAccordion"
-                >
-                  <div
-                    class="euiAccordion__triggerWrapper"
-                  >
-                    <button
-                      aria-controls="logSource"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="logSourceAccordion"
+              >
+                <div
+                  class="euiAccordion__triggerWrapper"
+                >
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
+                  >
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Log source
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
+                          Configure your application base query
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearLogSourceButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearLogSourceButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear
-                          </span>
+                          Clear
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFlexItem"
                         >
                           <div
-                            class="euiFlexItem"
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
                             <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
+                              class="euiText euiText--extraSmall"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiTextColor euiTextColor--default"
                               >
-                                <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
+                                You can't change the base query after the application is created.
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
+                              class="euiFormRow__labelWrapper"
                             >
-                              <div
-                                class="euiFormRow__labelWrapper"
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
                               >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
+                            >
                               <div
-                                class="euiFormRow__fieldWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-4-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
                                 >
-                                  <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
+                                  <textarea
+                                    aria-autocomplete="both"
                                     aria-labelledby="autocomplete-4-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
-                                  >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-4-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
-                                    />
-                                  </div>
-                                  <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
+                                  />
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
+                                >
+                                  <span
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
+                                      PPL
                                     </span>
-                                  </button>
-                                </div>
-                                <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
-                                >
-                                  The default logs view in the application will be filtered by this query.
-                                </div>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
                               </div>
                             </div>
                           </div>
@@ -12255,772 +12211,796 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion euiAccordion-isOpen"
+                data-test-subj="servicesEntitiesAccordion"
+              >
                 <div
-                  class="euiAccordion euiAccordion-isOpen"
-                  data-test-subj="servicesEntitiesAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="true"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="true"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Services & entities
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="1"
-                            >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                <span
-                                  class="euiBadge__text"
-                                >
-                                  1
-                                </span>
-                              </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
-                          </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small"
-                        data-test-subj="clearServicesEntitiesButton"
-                        type="button"
+                      <div
+                        class="euiText euiText--small"
                       >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
+                        <h3>
+                          Services & entities
+                           
                           <span
-                            class="euiButton__text"
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="1"
                           >
-                            Clear all
+                            <span
+                              class="euiBadge__content"
+                            >
+                              <span
+                                class="euiBadge__text"
+                              >
+                                1
+                              </span>
+                            </span>
                           </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Select services & entities to include in this application
+                        </div>
+                      </div>
+                    </span>
+                  </button>
                   <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
+                    class="euiAccordion__optionalAction"
                   >
-                    <div>
+                    <button
+                      class="euiButton euiButton--primary euiButton--small"
+                      data-test-subj="clearServicesEntitiesButton"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Services & entities
-                            </label>
-                          </div>
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                  <span
+                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                    title="User"
                                   >
                                     <span
-                                      class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                      title="User"
+                                      class="euiBadge__content"
                                     >
                                       <span
-                                        class="euiBadge__content"
+                                        class="euiBadge__text"
                                       >
-                                        <span
-                                          class="euiBadge__text"
-                                        >
-                                          User
-                                        </span>
-                                        <button
-                                          aria-label="Remove User from selection in this group"
-                                          class="euiBadge__iconButton"
-                                          title="Remove User from selection in this group"
-                                          type="button"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                            focusable="false"
-                                            height="16"
-                                            role="img"
-                                            tabindex="-1"
-                                            viewBox="0 0 16 16"
-                                            width="16"
-                                            xmlns="http://www.w3.org/2000/svg"
-                                          >
-                                            <path
-                                              d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                            />
-                                          </svg>
-                                        </button>
+                                        User
                                       </span>
+                                      <button
+                                        aria-label="Remove User from selection in this group"
+                                        class="euiBadge__iconButton"
+                                        title="Remove User from selection in this group"
+                                        type="button"
+                                      >
+                                        <svg
+                                          aria-hidden="true"
+                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                          focusable="false"
+                                          height="16"
+                                          role="img"
+                                          tabindex="-1"
+                                          viewBox="0 0 16 16"
+                                          width="16"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                          />
+                                        </svg>
+                                      </button>
                                     </span>
+                                  </span>
+                                  <div
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
+                                  >
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiText euiText--medium"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <span
+                            class="panel-title"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                        >
+                          <legend
+                            class="euiScreenReaderOnly"
                           />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                          <div
+                            class="euiButtonGroup__buttons"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
-                            />
-                            <div
-                              class="euiButtonGroup__buttons"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
-                                </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
+                                </span>
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                              </label>
-                            </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
+                              </span>
+                            </label>
+                          </div>
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
+                              Focus on
                             </div>
+                          </div>
+                          <div
+                            class="euiFlexItem"
+                          >
                             <div
-                              class="euiFlexItem"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
                                   >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
+                                      <path
+                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                      />
+                                    </svg>
+                                  </span>
                                 </div>
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--l"
+                        />
+                        <div
+                          style="min-height: 434px;"
+                        >
                           <div
-                            class="euiSpacer euiSpacer--l"
+                            class="euiSpacer euiSpacer--s"
                           />
                           <div
-                            style="min-height: 434px;"
+                            class="euiEmptyPrompt"
                           >
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
+                            <h2
+                              class="euiTitle euiTitle--medium"
                             >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
+                              No matches
+                            </h2>
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
                               >
                                 <div
-                                  class="euiSpacer euiSpacer--m"
-                                />
-                                <div
-                                  class="euiText euiText--medium"
+                                  class="euiText euiText--small"
                                 >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
+                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                                 </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
+                              </div>
+                            </span>
                           </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
                         </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="traceGroupsAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="traceGroupsAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="traceGroups"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
-                            >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearTraceGroupsButton"
-                        disabled=""
-                        type="button"
+                      <div
+                        class="euiText euiText--small"
                       >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
+                        <h3>
+                          Trace groups
+                           
                           <span
-                            class="euiButton__text"
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
                           >
-                            Clear all
+                            <span
+                              class="euiBadge__content"
+                            >
+                              0
+                            </span>
                           </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Constrain your application to specific trace groups
+                        </div>
+                      </div>
+                    </span>
+                  </button>
                   <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
+                    class="euiAccordion__optionalAction"
                   >
-                    <div>
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearTraceGroupsButton"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
+                            Trace Groups
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select or add trace groups
+                                  </p>
                                   <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select or add trace groups
-                                    </p>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
-                            >
-                              Select one or multiple trace groups, or type a custom one
-                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrow10"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
+                              <span
+                                class="panel-title"
                               >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
+                                Latency by trace group
+                              </span>
+                              <span
+                                class="panel-title-count"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    □
-                                  </span>
-                                   &lt; 95 percentile
-                                </div>
-                              </button>
+                                 (0)
+                              </span>
                             </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
+                              <div
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
+                                  □
+                                </span>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                           <div
-                            class="euiEmptyPrompt"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
-                            >
-                              <div
-                                class="euiSpacer euiSpacer--m"
-                              />
                               <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--small"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </span>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
             <div
-              class="euiSpacer euiSpacer--l"
-            />
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              <span
+                class="euiToolTipAnchor"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  data-test-subj="createButton"
+                  disabled=""
                   type="button"
                 >
                   <span
@@ -13029,59 +13009,35 @@ Object {
                     <span
                       class="euiButton__text"
                     >
-                      Cancel
+                      Create
                     </span>
                   </span>
                 </button>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                    data-test-subj="createButton"
-                    disabled=""
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
               >
-                <span
-                  class="euiToolTipAnchor"
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                  data-test-subj="createAndSetButton"
+                  disabled=""
+                  type="button"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                    data-test-subj="createAndSetButton"
-                    disabled=""
-                    type="button"
+                  <span
+                    class="euiButtonContent euiButton__content"
                   >
                     <span
-                      class="euiButtonContent euiButton__content"
+                      class="euiButton__text"
                     >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create and Set Availability
-                      </span>
+                      Create and Set Availability
                     </span>
-                  </button>
-                </span>
-              </div>
+                  </span>
+                </button>
+              </span>
             </div>
           </div>
         </div>
@@ -13090,333 +13046,329 @@ Object {
   </body>,
   "container": <div>
     <div
-      style="max-width: 1130px;"
+      class="euiPage euiPage--paddingMedium euiPage--grow"
     >
       <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
+        class="euiPageBody euiPageBody--borderRadiusNone"
       >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
         <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
         >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageHeaderSection"
+              class="euiPageContentHeaderSection"
             >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                Create
-                 application
-              </h1>
+                Application information
+              </h2>
             </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
             >
               <div
-                class="euiPageContentHeaderSection"
+                class="euiFormRow__labelWrapper"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  Application information
-                </h2>
+                  Name
+                </label>
               </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__labelWrapper"
               >
-                <div
-                  class="euiFormRow__labelWrapper"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
                 <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
           <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiPageContentHeaderSection"
             >
-              <div
-                class="euiPageContentHeaderSection"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Composition
-                </h2>
-              </div>
+                Composition
+              </h2>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="logSourceAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="logSourceAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Log source
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
                       />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Configure your application base query
-                        </div>
+                        Configure your application base query
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearLogSourceButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearLogSourceButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear
-                        </span>
+                        Clear
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="logSource"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
                       <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                        class="euiFlexItem"
                       >
                         <div
-                          class="euiFlexItem"
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
                         >
                           <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
+                            class="euiText euiText--extraSmall"
                           >
                             <div
-                              class="euiText euiText--extraSmall"
+                              class="euiTextColor euiTextColor--default"
                             >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
+                              You can't change the base query after the application is created.
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiFlexItem"
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
                         >
                           <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
+                            class="euiFormRow__labelWrapper"
                           >
-                            <div
-                              class="euiFormRow__labelWrapper"
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
                             <div
-                              class="euiFormRow__fieldWrapper"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
-                              >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-4-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
                                   aria-labelledby="autocomplete-4-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
-                                >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-4-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  />
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
+                                  type="search"
+                                />
+                              </div>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
+                              >
+                                <span
+                                  class="euiBadge__content"
                                 >
                                   <span
-                                    class="euiBadge__content"
+                                    class="euiBadge__text"
                                   >
-                                    <span
-                                      class="euiBadge__text"
-                                    >
-                                      PPL
-                                    </span>
+                                    PPL
                                   </span>
-                                </button>
-                              </div>
-                              <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
-                              >
-                                The default logs view in the application will be filtered by this query.
-                              </div>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
+                            >
+                              The default logs view in the application will be filtered by this query.
                             </div>
                           </div>
                         </div>
@@ -13426,772 +13378,796 @@ Object {
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion euiAccordion-isOpen"
+              data-test-subj="servicesEntitiesAccordion"
+            >
               <div
-                class="euiAccordion euiAccordion-isOpen"
-                data-test-subj="servicesEntitiesAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="servicesEntities"
+                  aria-expanded="true"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="true"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Services & entities
-                           
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="1"
+                        >
                           <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="1"
+                            class="euiBadge__content"
                           >
                             <span
-                              class="euiBadge__content"
+                              class="euiBadge__text"
                             >
-                              <span
-                                class="euiBadge__text"
-                              >
-                                1
-                              </span>
+                              1
                             </span>
                           </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Select services & entities to include in this application
-                        </div>
+                        Select services & entities to include in this application
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="clearServicesEntitiesButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="clearServicesEntitiesButton"
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
+                        Clear all
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <div
-                          class="euiFormRow__labelWrapper"
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Services & entities
-                          </label>
-                        </div>
+                          Services & entities
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
                         >
                           <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                <span
+                                  class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                  title="User"
                                 >
                                   <span
-                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                    title="User"
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        User
-                                      </span>
-                                      <button
-                                        aria-label="Remove User from selection in this group"
-                                        class="euiBadge__iconButton"
-                                        title="Remove User from selection in this group"
-                                        type="button"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                          focusable="false"
-                                          height="16"
-                                          role="img"
-                                          tabindex="-1"
-                                          viewBox="0 0 16 16"
-                                          width="16"
-                                          xmlns="http://www.w3.org/2000/svg"
-                                        >
-                                          <path
-                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                          />
-                                        </svg>
-                                      </button>
+                                      User
                                     </span>
+                                    <button
+                                      aria-label="Remove User from selection in this group"
+                                      class="euiBadge__iconButton"
+                                      title="Remove User from selection in this group"
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                        focusable="false"
+                                        height="16"
+                                        role="img"
+                                        tabindex="-1"
+                                        viewBox="0 0 16 16"
+                                        width="16"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                        />
+                                      </svg>
+                                    </button>
                                   </span>
+                                </span>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
+                                >
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
                                   <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
                                 </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
                             </div>
                           </div>
                         </div>
                       </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
                       <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        class="euiText euiText--medium"
                       >
-                        <div
-                          class="euiText euiText--medium"
+                        <span
+                          class="panel-title"
                         >
-                          <span
-                            class="panel-title"
-                          >
-                            Service map
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
+                          Service map
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                      >
+                        <legend
+                          class="euiScreenReaderOnly"
                         />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                        <div
+                          class="euiButtonGroup__buttons"
                         >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
-                          <div
-                            class="euiButtonGroup__buttons"
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
-                                >
-                                  <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Duration
-                                </span>
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Errors
-                                </span>
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
                               </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
                             >
                               <span
-                                class="euiButtonContent euiButton__content"
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
-                                </span>
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
                               </span>
-                            </label>
-                          </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                      />
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              Focus on
-                            </div>
+                            Focus on
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiFormControlLayoutIcons"
                               >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
-                                  type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  <span
-                                    class="euiFormControlLayoutCustomIcon"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                      />
-                                    </svg>
-                                  </span>
-                                </div>
+                                    <path
+                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                    />
+                                  </svg>
+                                </span>
                               </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        style="min-height: 434px;"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiSpacer euiSpacer--s"
                         />
                         <div
-                          style="min-height: 434px;"
+                          class="euiEmptyPrompt"
                         >
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
+                          <h2
+                            class="euiTitle euiTitle--medium"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--small"
                               >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                               </div>
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
+                            </div>
+                          </span>
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
                       </div>
-                      <div
-                        class="euiSpacer euiSpacer--xl"
-                      />
                     </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
                   </div>
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="traceGroupsAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="traceGroupsAccordion"
+                class="euiAccordion__triggerWrapper"
               >
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Constrain your application to specific trace groups
+                      </div>
+                    </div>
+                  </span>
+                </button>
                 <div
-                  class="euiAccordion__triggerWrapper"
+                  class="euiAccordion__optionalAction"
                 >
                   <button
-                    aria-controls="traceGroups"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearTraceGroupsButton"
+                    disabled=""
                     type="button"
                   >
                     <span
-                      class="euiAccordion__iconWrapper"
+                      class="euiButtonContent euiButton__content"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <span
+                        class="euiButton__text"
                       >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Trace groups
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Constrain your application to specific trace groups
-                        </div>
-                      </div>
+                        Clear all
+                      </span>
                     </span>
                   </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
                   <div
-                    class="euiAccordion__optionalAction"
+                    class="euiAccordion__padding--l"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearTraceGroupsButton"
-                      disabled=""
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButton__content"
-                      >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="traceGroups"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <div
-                          class="euiFormRow__labelWrapper"
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Trace Groups
-                          </label>
-                        </div>
+                          Trace Groups
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
                         >
                           <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select or add trace groups
+                                </p>
                                 <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select or add trace groups
-                                  </p>
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
                                   <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
                                 </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
                             </div>
                           </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
-                          >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
                         </div>
                       </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
                       <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFlexItem euiFlexItem--flexGrow10"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
+                            class="euiText euiText--medium"
+                          >
+                            <span
+                              class="panel-title"
+                            >
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
                           >
                             <div
-                              class="euiText euiText--medium"
+                              class="euiText euiText--extraSmall"
                             >
                               <span
-                                class="panel-title"
-                              >
-                                Latency by trace group
-                              </span>
-                              <span
-                                class="panel-title-count"
+                                style="color: rgb(149, 122, 201);"
                               >
-                                 (0)
+                                □
                               </span>
+                               &lt; 95 percentile
                             </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
+                            <div
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiText euiText--extraSmall"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  □
-                                </span>
-                                 &lt; 95 percentile
-                              </div>
-                            </button>
-                          </div>
+                                ■
+                              </span>
+                               &gt;= 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
+                            class="euiSpacer euiSpacer--m"
                           />
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
+                            <div
+                              class="euiText euiText--small"
                             >
-                              <div
-                                class="euiText euiText--extraSmall"
-                              >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  ■
-                                </span>
-                                 &gt;= 95 percentile
-                              </div>
-                            </button>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
-                        <div
-                          class="euiEmptyPrompt"
-                        >
-                          <h2
-                            class="euiTitle euiTitle--medium"
-                          >
-                            No matches
-                          </h2>
-                          <span
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            <div
-                              class="euiSpacer euiSpacer--m"
-                            />
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              <div
-                                class="euiText euiText--small"
-                              >
-                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                              </div>
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                             </div>
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
+                          </div>
+                        </span>
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
           <div
-            class="euiSpacer euiSpacer--l"
-          />
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
+              >
+                <span
+                  class="euiButton__text"
+                >
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <span
+              class="euiToolTipAnchor"
             >
               <button
-                class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
+                class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                data-test-subj="createButton"
+                disabled=""
                 type="button"
               >
                 <span
@@ -14200,59 +14176,35 @@ Object {
                   <span
                     class="euiButton__text"
                   >
-                    Cancel
+                    Create
                   </span>
                 </span>
               </button>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                  data-test-subj="createButton"
-                  disabled=""
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
             >
-              <span
-                class="euiToolTipAnchor"
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                data-test-subj="createAndSetButton"
+                disabled=""
+                type="button"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                  data-test-subj="createAndSetButton"
-                  disabled=""
-                  type="button"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
+                    Create and Set Availability
                   </span>
-                </button>
-              </span>
-            </div>
+                </span>
+              </button>
+            </span>
           </div>
         </div>
       </div>
@@ -14320,333 +14272,329 @@ Object {
   >
     <div>
       <div
-        style="max-width: 1130px;"
+        class="euiPage euiPage--paddingMedium euiPage--grow"
       >
         <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
+          class="euiPageBody euiPageBody--borderRadiusNone"
         >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
           <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
           >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageHeaderSection"
+                class="euiPageContentHeaderSection"
               >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  Create
-                   application
-                </h1>
+                  Application information
+                </h2>
               </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <form
+              class="euiForm"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiPageContentHeaderSection"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    Application information
-                  </h2>
+                    Name
+                  </label>
                 </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__fieldWrapper"
                 >
                   <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
                 <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <div
-                    class="euiFormRow__labelWrapper"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
                   <div
-                    class="euiFormRow__fieldWrapper"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiFormControlLayout__childrenWrapper"
-                      >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value=""
+                      />
                     </div>
                   </div>
                 </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
             <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
+              class="euiPageContentHeader euiPageContentHeader--responsive"
             >
               <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
+                class="euiPageContentHeaderSection"
               >
-                <div
-                  class="euiPageContentHeaderSection"
+                <h2
+                  class="euiTitle euiTitle--medium"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
+                  Composition
+                </h2>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="logSourceAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="logSourceAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
-                  >
-                    <button
-                      aria-controls="logSource"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
-                    >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
+                  >
+                    <span
+                      class="euiAccordion__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Log source
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
+                          Configure your application base query
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearLogSourceButton"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearLogSourceButton"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear
-                          </span>
+                          Clear
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFlexItem"
                         >
                           <div
-                            class="euiFlexItem"
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
                             <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
+                              class="euiText euiText--extraSmall"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiTextColor euiTextColor--default"
                               >
-                                <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
+                                You can't change the base query after the application is created.
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
+                              class="euiFormRow__labelWrapper"
                             >
-                              <div
-                                class="euiFormRow__labelWrapper"
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
                               >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
+                            >
                               <div
-                                class="euiFormRow__fieldWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-6-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
                                 >
-                                  <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
+                                  <textarea
+                                    aria-autocomplete="both"
                                     aria-labelledby="autocomplete-6-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
-                                  >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-6-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
-                                    />
-                                  </div>
-                                  <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
+                                  />
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
+                                >
+                                  <span
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
+                                      PPL
                                     </span>
-                                  </button>
-                                </div>
-                                <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
-                                >
-                                  The default logs view in the application will be filtered by this query.
-                                </div>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
                               </div>
                             </div>
                           </div>
@@ -14656,772 +14604,796 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="servicesEntitiesAccordion"
+              >
                 <div
-                  class="euiAccordion"
-                  data-test-subj="servicesEntitiesAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Services & entities
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
-                            >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
                         />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
-                          </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearServicesEntitiesButton"
-                        disabled=""
-                        type="button"
+                      <div
+                        class="euiText euiText--small"
                       >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
+                        <h3>
+                          Services & entities
+                           
                           <span
-                            class="euiButton__text"
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
                           >
-                            Clear all
+                            <span
+                              class="euiBadge__content"
+                            >
+                              0
+                            </span>
                           </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Select services & entities to include in this application
+                        </div>
+                      </div>
+                    </span>
+                  </button>
                   <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
+                    class="euiAccordion__optionalAction"
                   >
-                    <div>
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearServicesEntitiesButton"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Services & entities
-                            </label>
-                          </div>
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select services and entities
+                                  </p>
                                   <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select services and entities
-                                    </p>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiText euiText--medium"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <span
+                            class="panel-title"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                        >
+                          <legend
+                            class="euiScreenReaderOnly"
                           />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                          <div
+                            class="euiButtonGroup__buttons"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
-                            />
-                            <div
-                              class="euiButtonGroup__buttons"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  class="euiButtonContent euiButton__content"
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
                                 >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
                                 </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
-                              >
-                                <span
-                                  class="euiButtonContent euiButton__content"
-                                >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
+                              </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
+                                >
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                              </label>
-                            </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
+                              </span>
+                            </label>
+                          </div>
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
+                              Focus on
                             </div>
+                          </div>
+                          <div
+                            class="euiFlexItem"
+                          >
                             <div
-                              class="euiFlexItem"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
                                   >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
+                                      <path
+                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                      />
+                                    </svg>
+                                  </span>
                                 </div>
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--l"
+                        />
+                        <div
+                          style="min-height: 434px;"
+                        >
                           <div
-                            class="euiSpacer euiSpacer--l"
+                            class="euiSpacer euiSpacer--s"
                           />
                           <div
-                            style="min-height: 434px;"
+                            class="euiEmptyPrompt"
                           >
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
+                            <h2
+                              class="euiTitle euiTitle--medium"
                             >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
+                              No matches
+                            </h2>
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
                               >
                                 <div
-                                  class="euiSpacer euiSpacer--m"
-                                />
-                                <div
-                                  class="euiText euiText--medium"
+                                  class="euiText euiText--small"
                                 >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
+                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                                 </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
+                              </div>
+                            </span>
                           </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
                         </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion euiAccordion-isOpen"
+                data-test-subj="traceGroupsAccordion"
+              >
                 <div
-                  class="euiAccordion euiAccordion-isOpen"
-                  data-test-subj="traceGroupsAccordion"
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <button
+                    aria-controls="traceGroups"
+                    aria-expanded="true"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="true"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
+                    <span
+                      class="euiAccordion__iconWrapper"
                     >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace groups
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="1"
+                          >
                             <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="1"
+                              class="euiBadge__content"
                             >
                               <span
-                                class="euiBadge__content"
+                                class="euiBadge__text"
                               >
-                                <span
-                                  class="euiBadge__text"
-                                >
-                                  1
-                                </span>
+                                1
                               </span>
                             </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
                         <div
-                          class="euiText euiText--small"
+                          class="euiTextColor euiTextColor--subdued"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
+                          Constrain your application to specific trace groups
                         </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small"
+                      data-test-subj="clearTraceGroupsButton"
+                      type="button"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small"
-                        data-test-subj="clearTraceGroupsButton"
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
                         <span
-                          class="euiButtonContent euiButton__content"
+                          class="euiButton__text"
                         >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
+                          Clear all
                         </span>
-                      </button>
-                    </div>
+                      </span>
+                    </button>
                   </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
-                      <div
-                        class="euiAccordion__padding--l"
-                      >
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
+                      >
                         <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFormRow__labelWrapper"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
+                            Trace Groups
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
+                                  <span
+                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                    title="test.auto"
                                   >
                                     <span
-                                      class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                      title="test.auto"
+                                      class="euiBadge__content"
                                     >
                                       <span
-                                        class="euiBadge__content"
+                                        class="euiBadge__text"
                                       >
-                                        <span
-                                          class="euiBadge__text"
-                                        >
-                                          test.auto
-                                        </span>
-                                        <button
-                                          aria-label="Remove test.auto from selection in this group"
-                                          class="euiBadge__iconButton"
-                                          title="Remove test.auto from selection in this group"
-                                          type="button"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                            focusable="false"
-                                            height="16"
-                                            role="img"
-                                            tabindex="-1"
-                                            viewBox="0 0 16 16"
-                                            width="16"
-                                            xmlns="http://www.w3.org/2000/svg"
-                                          >
-                                            <path
-                                              d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                            />
-                                          </svg>
-                                        </button>
+                                        test.auto
                                       </span>
+                                      <button
+                                        aria-label="Remove test.auto from selection in this group"
+                                        class="euiBadge__iconButton"
+                                        title="Remove test.auto from selection in this group"
+                                        type="button"
+                                      >
+                                        <svg
+                                          aria-hidden="true"
+                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                          focusable="false"
+                                          height="16"
+                                          role="img"
+                                          tabindex="-1"
+                                          viewBox="0 0 16 16"
+                                          width="16"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                          />
+                                        </svg>
+                                      </button>
                                     </span>
+                                  </span>
+                                  <div
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
+                                  >
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
                                     <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                </div>
+                                <div
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                >
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
                                   >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
-                            >
-                              Select one or multiple trace groups, or type a custom one
-                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                      >
                         <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
                           <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            class="euiFlexItem euiFlexItem--flexGrow10"
                           >
                             <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
+                              class="euiText euiText--medium"
                             >
-                              <div
-                                class="euiText euiText--medium"
+                              <span
+                                class="panel-title"
                               >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
+                                Latency by trace group
+                              </span>
+                              <span
+                                class="panel-title-count"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    □
-                                  </span>
-                                   &lt; 95 percentile
-                                </div>
-                              </button>
+                                 (0)
+                              </span>
                             </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
+                              <div
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--extraSmall"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
+                                  □
+                                </span>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                           <div
-                            class="euiEmptyPrompt"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
                               <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiText euiText--small"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </span>
+                            </button>
                           </div>
                           <div
-                            class="euiSpacer euiSpacer--xl"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
                           />
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--xl"
+                        />
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
             <div
-              class="euiSpacer euiSpacer--l"
-            />
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              <span
+                class="euiToolTipAnchor"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  data-test-subj="createButton"
+                  disabled=""
                   type="button"
                 >
                   <span
@@ -15430,59 +15402,35 @@ Object {
                     <span
                       class="euiButton__text"
                     >
-                      Cancel
+                      Create
                     </span>
                   </span>
                 </button>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                    data-test-subj="createButton"
-                    disabled=""
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
               >
-                <span
-                  class="euiToolTipAnchor"
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                  data-test-subj="createAndSetButton"
+                  disabled=""
+                  type="button"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                    data-test-subj="createAndSetButton"
-                    disabled=""
-                    type="button"
+                  <span
+                    class="euiButtonContent euiButton__content"
                   >
                     <span
-                      class="euiButtonContent euiButton__content"
+                      class="euiButton__text"
                     >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create and Set Availability
-                      </span>
+                      Create and Set Availability
                     </span>
-                  </button>
-                </span>
-              </div>
+                  </span>
+                </button>
+              </span>
             </div>
           </div>
         </div>
@@ -15491,333 +15439,329 @@ Object {
   </body>,
   "container": <div>
     <div
-      style="max-width: 1130px;"
+      class="euiPage euiPage--paddingMedium euiPage--grow"
     >
       <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
+        class="euiPageBody euiPageBody--borderRadiusNone"
       >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
         <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
         >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageHeaderSection"
+              class="euiPageContentHeaderSection"
             >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                Create
-                 application
-              </h1>
+                Application information
+              </h2>
             </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
             >
               <div
-                class="euiPageContentHeaderSection"
+                class="euiFormRow__labelWrapper"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  Application information
-                </h2>
+                  Name
+                </label>
               </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__labelWrapper"
               >
-                <div
-                  class="euiFormRow__labelWrapper"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
                 <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
           <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiPageContentHeaderSection"
             >
-              <div
-                class="euiPageContentHeaderSection"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Composition
-                </h2>
-              </div>
+                Composition
+              </h2>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="logSourceAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="logSourceAccordion"
+                class="euiAccordion__triggerWrapper"
               >
-                <div
-                  class="euiAccordion__triggerWrapper"
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
                 >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <span
+                    class="euiAccordion__iconWrapper"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Log source
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
                       />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
                       <div
-                        class="euiText euiText--small"
+                        class="euiTextColor euiTextColor--subdued"
                       >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Configure your application base query
-                        </div>
+                        Configure your application base query
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearLogSourceButton"
+                    disabled=""
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearLogSourceButton"
-                      disabled=""
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButton__content"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiButton__text"
                       >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear
-                        </span>
+                        Clear
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="logSource"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
                     <div
-                      class="euiAccordion__padding--l"
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
                       <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                        class="euiFlexItem"
                       >
                         <div
-                          class="euiFlexItem"
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
                         >
                           <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
+                            class="euiText euiText--extraSmall"
                           >
                             <div
-                              class="euiText euiText--extraSmall"
+                              class="euiTextColor euiTextColor--default"
                             >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
+                              You can't change the base query after the application is created.
                             </div>
                           </div>
                         </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiFlexItem"
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
                         >
                           <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
+                            class="euiFormRow__labelWrapper"
                           >
-                            <div
-                              class="euiFormRow__labelWrapper"
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
                             >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
                             <div
-                              class="euiFormRow__fieldWrapper"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
-                              >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-6-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
                                   aria-labelledby="autocomplete-6-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
-                                >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-6-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  />
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
+                                  type="search"
+                                />
+                              </div>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
+                              >
+                                <span
+                                  class="euiBadge__content"
                                 >
                                   <span
-                                    class="euiBadge__content"
+                                    class="euiBadge__text"
                                   >
-                                    <span
-                                      class="euiBadge__text"
-                                    >
-                                      PPL
-                                    </span>
+                                    PPL
                                   </span>
-                                </button>
-                              </div>
-                              <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
-                              >
-                                The default logs view in the application will be filtered by this query.
-                              </div>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
+                            >
+                              The default logs view in the application will be filtered by this query.
                             </div>
                           </div>
                         </div>
@@ -15827,196 +15771,355 @@ Object {
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="servicesEntitiesAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="servicesEntitiesAccordion"
+                class="euiAccordion__triggerWrapper"
               >
+                <button
+                  aria-controls="servicesEntities"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Select services & entities to include in this application
+                      </div>
+                    </div>
+                  </span>
+                </button>
                 <div
-                  class="euiAccordion__triggerWrapper"
+                  class="euiAccordion__optionalAction"
                 >
                   <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearServicesEntitiesButton"
+                    disabled=""
                     type="button"
                   >
                     <span
-                      class="euiAccordion__iconWrapper"
+                      class="euiButtonContent euiButton__content"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <span
+                        class="euiButton__text"
                       >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
+                        Clear all
+                      </span>
                     </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiText euiText--small"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <h3>
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
                           Services & entities
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
+                        </label>
                       </div>
                       <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
+                        class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          class="euiTextColor euiTextColor--subdued"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
                         >
-                          Select services & entities to include in this application
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
+                              >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select services and entities
+                                </p>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
+                                >
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
                         </div>
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearServicesEntitiesButton"
-                      disabled=""
-                      type="button"
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                     >
-                      <span
-                        class="euiButtonContent euiButton__content"
+                      <div
+                        class="euiText euiText--medium"
                       >
                         <span
-                          class="euiButton__text"
+                          class="panel-title"
                         >
-                          Clear all
+                          Service map
                         </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
+                      </div>
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       >
+                        <legend
+                          class="euiScreenReaderOnly"
+                        />
                         <div
-                          class="euiFormRow__labelWrapper"
+                          class="euiButtonGroup__buttons"
                         >
                           <label
-                            class="euiFormLabel euiFormRow__label"
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
                             for="random_html_id"
                           >
-                            Services & entities
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
+                              >
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
+                              </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
+                              </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
+                              </span>
+                            </span>
                           </label>
                         </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                      />
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
+                            class="euiText euiText--medium"
+                          >
+                            Focus on
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiFormControlLayoutIcons"
                               >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select services and entities
-                                  </p>
-                                  <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    <path
+                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
                                     />
-                                  </div>
-                                </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                  </svg>
+                                </span>
                               </div>
                             </div>
                           </div>
@@ -16026,198 +16129,392 @@ Object {
                         class="euiSpacer euiSpacer--l"
                       />
                       <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        style="min-height: 434px;"
                       >
                         <div
-                          class="euiText euiText--medium"
+                          class="euiSpacer euiSpacer--s"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
                         >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
                           <span
-                            class="panel-title"
+                            class="euiTextColor euiTextColor--subdued"
                           >
-                            Service map
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
                           </span>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--m"
+                          class="euiSpacer euiSpacer--s"
                         />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
-                        >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
-                          <div
-                            class="euiButtonGroup__buttons"
-                          >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion euiAccordion-isOpen"
+              data-test-subj="traceGroupsAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="true"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="1"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            <span
+                              class="euiBadge__text"
                             >
-                              <span
-                                class="euiButtonContent euiButton__content"
+                              1
+                            </span>
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Constrain your application to specific trace groups
+                      </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="clearTraceGroupsButton"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
+                    >
+                      <div
+                        class="euiFormRow__labelWrapper"
+                      >
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
+                          Trace Groups
+                        </label>
+                      </div>
+                      <div
+                        class="euiFormRow__fieldWrapper"
+                      >
+                        <div
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
                                 <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
+                                  class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                  title="test.auto"
                                 >
-                                  <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Duration
+                                  <span
+                                    class="euiBadge__content"
+                                  >
+                                    <span
+                                      class="euiBadge__text"
+                                    >
+                                      test.auto
+                                    </span>
+                                    <button
+                                      aria-label="Remove test.auto from selection in this group"
+                                      class="euiBadge__iconButton"
+                                      title="Remove test.auto from selection in this group"
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
+                                        focusable="false"
+                                        height="16"
+                                        role="img"
+                                        tabindex="-1"
+                                        viewBox="0 0 16 16"
+                                        width="16"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                                        />
+                                      </svg>
+                                    </button>
+                                  </span>
                                 </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
-                              >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
                                 >
                                   <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
                                     id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
                                     value=""
                                   />
-                                  Errors
-                                </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                               >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
-                                </span>
-                              </span>
-                            </label>
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
                           </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
+                        </div>
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow10"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--medium"
                           >
-                            <div
-                              class="euiText euiText--medium"
+                            <span
+                              class="panel-title"
                             >
-                              Focus on
-                            </div>
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
                           </div>
-                          <div
-                            class="euiFlexItem"
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiFormControlLayout__childrenWrapper"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
-                                  type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
-                                >
-                                  <span
-                                    class="euiFormControlLayoutCustomIcon"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                      />
-                                    </svg>
-                                  </span>
-                                </div>
-                              </div>
+                                □
+                              </span>
+                               &lt; 95 percentile
                             </div>
-                          </div>
+                          </button>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiFlexItem euiFlexItem--flexGrow1"
                         />
                         <div
-                          style="min-height: 434px;"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
+                            <div
+                              class="euiText euiText--extraSmall"
                             >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
-                            >
-                              <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
-                              </div>
-                            </span>
-                          </div>
+                                ■
+                              </span>
+                               &gt;= 95 percentile
+                            </div>
+                          </button>
+                        </div>
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow1"
+                        />
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
                           <div
-                            class="euiSpacer euiSpacer--s"
+                            class="euiSpacer euiSpacer--m"
                           />
-                        </div>
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <div
+                              class="euiText euiText--small"
+                            >
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                            </div>
+                          </div>
+                        </span>
                       </div>
                       <div
                         class="euiSpacer euiSpacer--xl"
@@ -16227,68 +16524,332 @@ Object {
                 </div>
               </div>
             </div>
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
+              >
+                <span
+                  class="euiButton__text"
+                >
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                data-test-subj="createButton"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Create
+                  </span>
+                </span>
+              </button>
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                data-test-subj="createAndSetButton"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Create and Set Availability
+                  </span>
+                </span>
+              </button>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Create Page renders with query 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body
+    class="euiBody-hasOverlayMask"
+  >
+    <div
+      aria-hidden="true"
+      data-aria-hidden="true"
+    >
+      <div
+        class="euiPage euiPage--paddingMedium euiPage--grow"
+      >
+        <div
+          class="euiPageBody euiPageBody--borderRadiusNone"
+        >
+          <header
+            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+                data-test-subj="createPageTitle"
+              >
+                Create
+                 application
+              </h1>
+            </div>
+          </header>
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="appInfo"
+            role="main"
+          >
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
+            >
+              <div
+                class="euiPageContentHeaderSection"
+              >
+                <h2
+                  class="euiTitle euiTitle--medium"
+                >
+                  Application information
+                </h2>
+              </div>
+            </div>
             <hr
               class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
             />
-            <div>
+            <form
+              class="euiForm"
+            >
               <div
-                class="euiAccordion euiAccordion-isOpen"
-                data-test-subj="traceGroupsAccordion"
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="nameFormRow"
+                id="random_html_id-row"
               >
                 <div
-                  class="euiAccordion__triggerWrapper"
+                  class="euiFormRow__labelWrapper"
                 >
-                  <button
-                    aria-controls="traceGroups"
-                    aria-expanded="true"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
                   >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                    Name
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
+                  <div
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
                     >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Trace groups
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="1"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              <span
-                                class="euiBadge__text"
-                              >
-                                1
-                              </span>
-                            </span>
-                          </span>
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFormRow euiFormRow--compressed"
+                data-test-subj="descriptionFormRow"
+                id="random_html_id-row"
+              >
+                <div
+                  class="euiFormRow__labelWrapper"
+                >
+                  <label
+                    class="euiFormLabel euiFormRow__label"
+                    for="random_html_id"
+                  >
+                    Description
+                  </label>
+                </div>
+                <div
+                  class="euiFormRow__fieldWrapper"
+                >
+                  <div
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText euiFieldText--compressed"
+                        id="random_html_id"
+                        name="description"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </form>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+            id="composition"
+            role="main"
+          >
+            <div
+              class="euiPageContentHeader euiPageContentHeader--responsive"
+            >
+              <div
+                class="euiPageContentHeaderSection"
+              >
+                <h2
+                  class="euiTitle euiTitle--medium"
+                >
+                  Composition
+                </h2>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion euiAccordion-isOpen"
+                data-test-subj="logSourceAccordion"
+              >
+                <div
+                  class="euiAccordion__triggerWrapper"
+                >
+                  <button
+                    aria-controls="logSource"
+                    aria-expanded="true"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
+                  >
+                    <span
+                      class="euiAccordion__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Log source
                         </h3>
                       </div>
                       <div
@@ -16300,7 +16861,7 @@ Object {
                         <div
                           class="euiTextColor euiTextColor--subdued"
                         >
-                          Constrain your application to specific trace groups
+                          Configure your application base query
                         </div>
                       </div>
                     </span>
@@ -16310,7 +16871,7 @@ Object {
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="clearTraceGroupsButton"
+                      data-test-subj="clearLogSourceButton"
                       type="button"
                     >
                       <span
@@ -16319,7 +16880,7 @@ Object {
                         <span
                           class="euiButton__text"
                         >
-                          Clear all
+                          Clear
                         </span>
                       </span>
                     </button>
@@ -16328,7 +16889,7 @@ Object {
                 <div
                   aria-labelledby="random_html_id"
                   class="euiAccordion__childWrapper"
-                  id="traceGroups"
+                  id="logSource"
                   role="region"
                   tabindex="-1"
                 >
@@ -16337,78 +16898,257 @@ Object {
                       class="euiAccordion__padding--l"
                     >
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
                       >
                         <div
-                          class="euiFormRow__labelWrapper"
+                          class="euiFlexItem"
                         >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
+                          <div
+                            class="euiCallOut euiCallOut--primary euiCallOut--small"
+                            id="baseQueryCallout"
                           >
-                            Trace Groups
-                          </label>
+                            <div
+                              class="euiText euiText--extraSmall"
+                            >
+                              <div
+                                class="euiTextColor euiTextColor--default"
+                              >
+                                You can't change the base query after the application is created.
+                              </div>
+                            </div>
+                          </div>
                         </div>
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          class="euiFlexItem"
                         >
                           <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
+                            class="euiFormRow euiFormRow--compressed"
+                            id="random_html_id-row"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormRow__labelWrapper"
+                            >
+                              <label
+                                class="euiFormLabel euiFormRow__label"
+                                for="random_html_id"
+                              >
+                                Base Query
+                              </label>
+                            </div>
+                            <div
+                              class="euiFormRow__fieldWrapper"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                aria-describedby="random_html_id-help-0"
+                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                                id="random_html_id"
                               >
                                 <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                  aria-expanded="false"
+                                  aria-haspopup="listbox"
+                                  aria-labelledby="autocomplete-2-label"
+                                  class="aa-Autocomplete"
+                                  id="autocomplete-root"
+                                  role="combobox"
+                                >
+                                  <textarea
+                                    aria-autocomplete="both"
+                                    aria-labelledby="autocomplete-2-label"
+                                    autocapitalize="off"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterkeyhint="search"
+                                    id="autocomplete-textarea"
+                                    maxlength="16384"
+                                    placeholder="Enter query"
+                                    rows="3"
+                                    spellcheck="false"
+                                    style="margin-top: 0px; height: 18px; padding: 8px;"
+                                    type="search"
+                                  >
+                                    source = openserach_dashboard_sample_logs
+                                  </textarea>
+                                </div>
+                                <button
+                                  aria-label="pplLinkShowFlyout"
+                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                  title="PPL"
                                 >
                                   <span
-                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
-                                    title="test.auto"
+                                    class="euiBadge__content"
                                   >
                                     <span
-                                      class="euiBadge__content"
+                                      class="euiBadge__text"
                                     >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        test.auto
-                                      </span>
-                                      <button
-                                        aria-label="Remove test.auto from selection in this group"
-                                        class="euiBadge__iconButton"
-                                        title="Remove test.auto from selection in this group"
-                                        type="button"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          class="euiIcon euiIcon--small euiIcon--inherit euiBadge__icon"
-                                          focusable="false"
-                                          height="16"
-                                          role="img"
-                                          tabindex="-1"
-                                          viewBox="0 0 16 16"
-                                          width="16"
-                                          xmlns="http://www.w3.org/2000/svg"
-                                        >
-                                          <path
-                                            d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                                          />
-                                        </svg>
-                                      </button>
+                                      PPL
                                     </span>
                                   </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiFormHelpText euiFormRow__text"
+                                id="random_html_id-help-0"
+                              >
+                                The default logs view in the application will be filtered by this query.
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="servicesEntitiesAccordion"
+              >
+                <div
+                  class="euiAccordion__triggerWrapper"
+                >
+                  <button
+                    aria-controls="servicesEntities"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
+                  >
+                    <span
+                      class="euiAccordion__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & entities
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="servicesEntitiesCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
+                            <span
+                              class="euiBadge__content"
+                            >
+                              0
+                            </span>
+                          </span>
+                        </h3>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Select services & entities to include in this application
+                        </div>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    class="euiAccordion__optionalAction"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearServicesEntitiesButton"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          class="euiFormRow__labelWrapper"
+                        >
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
+                          >
+                            Services & entities
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
+                          <div
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select services and entities"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
+                                >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select services and entities
+                                  </p>
                                   <div
                                     class="euiComboBox__input"
                                     style="font-size: 14px; display: inline-block;"
@@ -16455,12 +17195,6 @@ Object {
                               </div>
                             </div>
                           </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
-                          >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
                         </div>
                       </div>
                       <div
@@ -16470,988 +17204,513 @@ Object {
                         class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiText euiText--medium"
+                        >
+                          <span
+                            class="panel-title"
+                          >
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                         >
+                          <legend
+                            class="euiScreenReaderOnly"
+                          />
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
+                            class="euiButtonGroup__buttons"
                           >
-                            <div
-                              class="euiText euiText--medium"
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                              for="random_html_id"
                             >
                               <span
-                                class="panel-title"
+                                class="euiButtonContent euiButton__content"
                               >
-                                Latency by trace group
+                                <span
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Duration"
+                                  title="Duration"
+                                >
+                                  <input
+                                    checked=""
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="latency"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Duration
+                                </span>
                               </span>
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
+                            >
                               <span
-                                class="panel-title-count"
+                                class="euiButtonContent euiButton__content"
                               >
-                                 (0)
+                                <span
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Errors"
+                                  title="Errors"
+                                >
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="error_rate"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Errors
+                                </span>
                               </span>
-                            </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
-                          >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
+                            </label>
+                            <label
+                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              for="random_html_id"
                             >
-                              <div
-                                class="euiText euiText--extraSmall"
+                              <span
+                                class="euiButtonContent euiButton__content"
                               >
                                 <span
-                                  style="color: rgb(149, 122, 201);"
-                                >
-                                  □
+                                  class="euiButton__text euiButtonGroupButton__textShift"
+                                  data-text="Request Rate"
+                                  title="Request Rate"
+                                >
+                                  <input
+                                    class="euiScreenReaderOnly"
+                                    data-test-subj="throughput"
+                                    id="random_html_id"
+                                    name="random_html_id"
+                                    type="radio"
+                                    value=""
+                                  />
+                                  Request Rate
                                 </span>
-                                 &lt; 95 percentile
-                              </div>
-                            </button>
+                              </span>
+                            </label>
                           </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
+                        </fieldset>
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                        />
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
                           <div
                             class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              Focus on
+                            </div>
+                          </div>
+                          <div
+                            class="euiFlexItem"
+                          >
+                            <div
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
+                                <input
+                                  class="euiFieldSearch euiFieldSearch--compressed"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
+                                <div
+                                  class="euiFormControlLayoutIcons"
                                 >
-                                  ■
-                                </span>
-                                 &gt;= 95 percentile
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                      />
+                                    </svg>
+                                  </span>
+                                </div>
                               </div>
-                            </button>
+                            </div>
                           </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
-                        <div
-                          class="euiSpacer euiSpacer--xl"
+                          class="euiSpacer euiSpacer--l"
                         />
                         <div
-                          class="euiEmptyPrompt"
+                          style="min-height: 434px;"
                         >
-                          <h2
-                            class="euiTitle euiTitle--medium"
-                          >
-                            No matches
-                          </h2>
-                          <span
-                            class="euiTextColor euiTextColor--subdued"
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
+                          <div
+                            class="euiEmptyPrompt"
                           >
-                            <div
-                              class="euiSpacer euiSpacer--m"
-                            />
-                            <div
-                              class="euiText euiText--medium"
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
                             >
                               <div
-                                class="euiText euiText--small"
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
                               >
-                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                <div
+                                  class="euiText euiText--small"
+                                >
+                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                </div>
                               </div>
-                            </div>
-                          </span>
+                            </span>
+                          </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
                         </div>
-                        <div
-                          class="euiSpacer euiSpacer--xl"
-                        />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <button
-                class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
-                type="button"
-              >
-                <span
-                  class="euiButtonContent euiButton__content"
-                >
-                  <span
-                    class="euiButton__text"
-                  >
-                    Cancel
-                  </span>
-                </span>
-              </button>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div>
+              <div
+                class="euiAccordion"
+                data-test-subj="traceGroupsAccordion"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                  data-test-subj="createButton"
-                  disabled=""
-                  type="button"
+                <div
+                  class="euiAccordion__triggerWrapper"
                 >
-                  <span
-                    class="euiButtonContent euiButton__content"
+                  <button
+                    aria-controls="traceGroups"
+                    aria-expanded="false"
+                    class="euiAccordion__button"
+                    id="random_html_id"
+                    type="button"
                   >
                     <span
-                      class="euiButton__text"
+                      class="euiAccordion__iconWrapper"
                     >
-                      Create
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiAccordion__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
                     </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                  data-test-subj="createAndSetButton"
-                  disabled=""
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
                     <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
-exports[`Create Page renders with query 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body
-    class="euiBody-hasOverlayMask"
-  >
-    <div
-      aria-hidden="true"
-      data-aria-hidden="true"
-    >
-      <div
-        style="max-width: 1130px;"
-      >
-        <div
-          class="euiPage euiPage--paddingMedium euiPage--grow"
-        >
-          <div
-            class="euiPageBody euiPageBody--borderRadiusNone"
-          >
-            <header
-              class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-            >
-              <div
-                class="euiPageHeaderSection"
-              >
-                <h1
-                  class="euiTitle euiTitle--large"
-                  data-test-subj="createPageTitle"
-                >
-                  Create
-                   application
-                </h1>
-              </div>
-            </header>
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="appInfo"
-              role="main"
-            >
-              <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
-              >
-                <div
-                  class="euiPageContentHeaderSection"
-                >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Application information
-                  </h2>
-                </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <form
-                class="euiForm"
-              >
-                <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="nameFormRow"
-                  id="random_html_id-row"
-                >
-                  <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Name
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
-                  >
-                    <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
+                      class="euiIEFlexWrapFix"
                     >
                       <div
-                        class="euiFormControlLayout__childrenWrapper"
+                        class="euiText euiText--small"
                       >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="name"
-                          type="text"
-                          value=""
-                        />
+                        <h3>
+                          Trace groups
+                           
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            data-test-subj="traceGroupsCountBadge"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="0"
+                          >
+                            <span
+                              class="euiBadge__content"
+                            >
+                              0
+                            </span>
+                          </span>
+                        </h3>
                       </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="euiFormRow euiFormRow--compressed"
-                  data-test-subj="descriptionFormRow"
-                  id="random_html_id-row"
-                >
-                  <div
-                    class="euiFormRow__labelWrapper"
-                  >
-                    <label
-                      class="euiFormLabel euiFormRow__label"
-                      for="random_html_id"
-                    >
-                      Description
-                    </label>
-                  </div>
-                  <div
-                    class="euiFormRow__fieldWrapper"
-                  >
-                    <div
-                      class="euiFormControlLayout euiFormControlLayout--compressed"
-                    >
                       <div
-                        class="euiFormControlLayout__childrenWrapper"
+                        class="euiSpacer euiSpacer--s"
+                      />
+                      <div
+                        class="euiText euiText--small"
                       >
-                        <input
-                          class="euiFieldText euiFieldText--compressed"
-                          id="random_html_id"
-                          name="description"
-                          type="text"
-                          value=""
-                        />
+                        <div
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          Constrain your application to specific trace groups
+                        </div>
                       </div>
-                    </div>
-                  </div>
-                </div>
-              </form>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-              id="composition"
-              role="main"
-            >
-              <div
-                class="euiPageContentHeader euiPageContentHeader--responsive"
-              >
-                <div
-                  class="euiPageContentHeaderSection"
-                >
-                  <h2
-                    class="euiTitle euiTitle--medium"
-                  >
-                    Composition
-                  </h2>
-                </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion euiAccordion-isOpen"
-                  data-test-subj="logSourceAccordion"
-                >
+                    </span>
+                  </button>
                   <div
-                    class="euiAccordion__triggerWrapper"
+                    class="euiAccordion__optionalAction"
                   >
                     <button
-                      aria-controls="logSource"
-                      aria-expanded="true"
-                      class="euiAccordion__button"
-                      id="random_html_id"
+                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                      data-test-subj="clearTraceGroupsButton"
+                      disabled=""
                       type="button"
                     >
                       <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                        class="euiButtonContent euiButton__content"
                       >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Log source
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
-                        <div
-                          class="euiText euiText--small"
+                        <span
+                          class="euiButton__text"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Configure your application base query
-                          </div>
-                        </div>
+                          Clear all
+                        </span>
                       </span>
                     </button>
+                  </div>
+                </div>
+                <div
+                  aria-labelledby="random_html_id"
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                  role="region"
+                  tabindex="-1"
+                >
+                  <div>
                     <div
-                      class="euiAccordion__optionalAction"
+                      class="euiAccordion__padding--l"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small"
-                        data-test-subj="clearLogSourceButton"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="logSource"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
                       <div
-                        class="euiAccordion__padding--l"
+                        class="euiFormRow euiFormRow--compressed"
+                        id="random_html_id-row"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                          class="euiFormRow__labelWrapper"
                         >
-                          <div
-                            class="euiFlexItem"
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
                           >
-                            <div
-                              class="euiCallOut euiCallOut--primary euiCallOut--small"
-                              id="baseQueryCallout"
-                            >
-                              <div
-                                class="euiText euiText--extraSmall"
-                              >
-                                <div
-                                  class="euiTextColor euiTextColor--default"
-                                >
-                                  You can't change the base query after the application is created.
-                                </div>
-                              </div>
-                            </div>
-                          </div>
+                            Trace Groups
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
                           <div
-                            class="euiFlexItem"
+                            aria-describedby="random_html_id-help-0"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox euiComboBox--compressed"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
                           >
                             <div
-                              class="euiFormRow euiFormRow--compressed"
-                              id="random_html_id-row"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
-                                class="euiFormRow__labelWrapper"
-                              >
-                                <label
-                                  class="euiFormLabel euiFormRow__label"
-                                  for="random_html_id"
-                                >
-                                  Base Query
-                                </label>
-                              </div>
-                              <div
-                                class="euiFormRow__fieldWrapper"
+                                class="euiFormControlLayout__childrenWrapper"
                               >
                                 <div
-                                  aria-describedby="random_html_id-help-0"
-                                  class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                  id="random_html_id"
+                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
                                 >
+                                  <p
+                                    class="euiComboBoxPlaceholder"
+                                  >
+                                    Select or add trace groups
+                                  </p>
                                   <div
-                                    aria-expanded="false"
-                                    aria-haspopup="listbox"
-                                    aria-labelledby="autocomplete-2-label"
-                                    class="aa-Autocomplete"
-                                    id="autocomplete-root"
-                                    role="combobox"
+                                    class="euiComboBox__input"
+                                    style="font-size: 14px; display: inline-block;"
                                   >
-                                    <textarea
-                                      aria-autocomplete="both"
-                                      aria-labelledby="autocomplete-2-label"
-                                      autocapitalize="off"
-                                      autocomplete="off"
-                                      autocorrect="off"
-                                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                      data-test-subj="searchAutocompleteTextArea"
-                                      enterkeyhint="search"
-                                      id="autocomplete-textarea"
-                                      maxlength="16384"
-                                      placeholder="Enter query"
-                                      rows="3"
-                                      spellcheck="false"
-                                      style="margin-top: 0px; height: 18px; padding: 8px;"
-                                      type="search"
-                                    >
-                                      source = openserach_dashboard_sample_logs
-                                    </textarea>
+                                    <input
+                                      aria-controls=""
+                                      data-test-subj="comboBoxSearchInput"
+                                      id="random_html_id"
+                                      role="textbox"
+                                      style="box-sizing: content-box; width: 2px;"
+                                      value=""
+                                    />
+                                    <div
+                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    />
                                   </div>
-                                  <button
-                                    aria-label="pplLinkShowFlyout"
-                                    class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                    title="PPL"
-                                  >
-                                    <span
-                                      class="euiBadge__content"
-                                    >
-                                      <span
-                                        class="euiBadge__text"
-                                      >
-                                        PPL
-                                      </span>
-                                    </span>
-                                  </button>
                                 </div>
                                 <div
-                                  class="euiFormHelpText euiFormRow__text"
-                                  id="random_html_id-help-0"
+                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                                 >
-                                  The default logs view in the application will be filtered by this query.
+                                  <button
+                                    aria-label="Open list of options"
+                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                    data-test-subj="comboBoxToggleListButton"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
                             </div>
                           </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help-0"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
                         </div>
                       </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion"
-                  data-test-subj="servicesEntitiesAccordion"
-                >
-                  <div
-                    class="euiAccordion__triggerWrapper"
-                  >
-                    <button
-                      aria-controls="servicesEntities"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
-                    >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                       >
                         <div
-                          class="euiText euiText--small"
+                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <h3>
-                            Services & entities
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="servicesEntitiesCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrow10"
+                          >
+                            <div
+                              class="euiText euiText--medium"
                             >
                               <span
-                                class="euiBadge__content"
+                                class="panel-title"
                               >
-                                0
+                                Latency by trace group
                               </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Select services & entities to include in this application
+                              <span
+                                class="panel-title-count"
+                              >
+                                 (0)
+                              </span>
+                            </div>
                           </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
-                    >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearServicesEntitiesButton"
-                        disabled=""
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="servicesEntities"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
-                      <div
-                        class="euiAccordion__padding--l"
-                      >
-                        <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
-                        >
                           <div
-                            class="euiFormRow__labelWrapper"
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              type="button"
                             >
-                              Services & entities
-                            </label>
+                              <div
+                                class="euiText euiText--extraSmall"
+                              >
+                                <span
+                                  style="color: rgb(149, 122, 201);"
+                                >
+                                  □
+                                </span>
+                                 &lt; 95 percentile
+                              </div>
+                            </button>
                           </div>
                           <div
-                            class="euiFormRow__fieldWrapper"
+                            class="euiFlexItem euiFlexItem--flexGrow1"
+                          />
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
                           >
-                            <div
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select services and entities"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="servicesEntitiesComboBox"
-                              role="combobox"
+                            <button
+                              class="euiLink euiLink--primary"
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              type="button"
                             >
                               <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
+                                class="euiText euiText--extraSmall"
                               >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
+                                <span
+                                  style="color: rgb(149, 122, 201);"
                                 >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
-                                  >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select services and entities
-                                    </p>
-                                    <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
-                                  </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                  >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
-                                </div>
+                                  ■
+                                </span>
+                                 &gt;= 95 percentile
                               </div>
-                            </div>
+                            </button>
                           </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrow1"
+                          />
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--l"
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <hr
+                          class="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                        <div
+                          class="euiSpacer euiSpacer--xl"
                         />
                         <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                          class="euiEmptyPrompt"
                         >
-                          <div
-                            class="euiText euiText--medium"
+                          <h2
+                            class="euiTitle euiTitle--medium"
                           >
-                            <span
-                              class="panel-title"
-                            >
-                              Service map
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <fieldset
-                            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
                           >
-                            <legend
-                              class="euiScreenReaderOnly"
+                            <div
+                              class="euiSpacer euiSpacer--m"
                             />
                             <div
-                              class="euiButtonGroup__buttons"
+                              class="euiText euiText--medium"
                             >
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                                for="random_html_id"
-                              >
-                                <span
-                                  class="euiButtonContent euiButton__content"
-                                >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Duration"
-                                    title="Duration"
-                                  >
-                                    <input
-                                      checked=""
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="latency"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Duration
-                                  </span>
-                                </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
-                              >
-                                <span
-                                  class="euiButtonContent euiButton__content"
-                                >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Errors"
-                                    title="Errors"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="error_rate"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Errors
-                                  </span>
-                                </span>
-                              </label>
-                              <label
-                                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                                for="random_html_id"
+                              <div
+                                class="euiText euiText--small"
                               >
-                                <span
-                                  class="euiButtonContent euiButton__content"
-                                >
-                                  <span
-                                    class="euiButton__text euiButtonGroupButton__textShift"
-                                    data-text="Request Rate"
-                                    title="Request Rate"
-                                  >
-                                    <input
-                                      class="euiScreenReaderOnly"
-                                      data-test-subj="throughput"
-                                      id="random_html_id"
-                                      name="random_html_id"
-                                      type="radio"
-                                      value=""
-                                    />
-                                    Request Rate
-                                  </span>
-                                </span>
-                              </label>
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
                             </div>
-                          </fieldset>
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                          />
-                          <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                          >
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                Focus on
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem"
-                            >
-                              <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
-                              >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
-                                >
-                                  <input
-                                    class="euiFieldSearch euiFieldSearch--compressed"
-                                    placeholder="Service name"
-                                    type="search"
-                                    value=""
-                                  />
-                                  <div
-                                    class="euiFormControlLayoutIcons"
-                                  >
-                                    <span
-                                      class="euiFormControlLayoutCustomIcon"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--l"
-                          />
-                          <div
-                            style="min-height: 434px;"
-                          >
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                            <div
-                              class="euiEmptyPrompt"
-                            >
-                              <h2
-                                class="euiTitle euiTitle--medium"
-                              >
-                                No matches
-                              </h2>
-                              <span
-                                class="euiTextColor euiTextColor--subdued"
-                              >
-                                <div
-                                  class="euiSpacer euiSpacer--m"
-                                />
-                                <div
-                                  class="euiText euiText--medium"
-                                >
-                                  <div
-                                    class="euiText euiText--small"
-                                  >
-                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                  </div>
-                                </div>
-                              </span>
-                            </div>
-                            <div
-                              class="euiSpacer euiSpacer--s"
-                            />
-                          </div>
+                          </span>
                         </div>
                         <div
                           class="euiSpacer euiSpacer--xl"
@@ -17461,399 +17720,80 @@ Object {
                   </div>
                 </div>
               </div>
-              <hr
-                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-              />
-              <div>
-                <div
-                  class="euiAccordion"
-                  data-test-subj="traceGroupsAccordion"
+            </div>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <button
+                class="euiButton euiButton--primary euiButton--small"
+                data-test-subj="cancelCreateButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
-                  <div
-                    class="euiAccordion__triggerWrapper"
+                  <span
+                    class="euiButton__text"
                   >
-                    <button
-                      aria-controls="traceGroups"
-                      aria-expanded="false"
-                      class="euiAccordion__button"
-                      id="random_html_id"
-                      type="button"
-                    >
-                      <span
-                        class="euiAccordion__iconWrapper"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiAccordion__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                            fill-rule="nonzero"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="euiIEFlexWrapFix"
-                      >
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <h3>
-                            Trace groups
-                             
-                            <span
-                              class="euiBadge euiBadge--iconLeft"
-                              data-test-subj="traceGroupsCountBadge"
-                              style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                              title="0"
-                            >
-                              <span
-                                class="euiBadge__content"
-                              >
-                                0
-                              </span>
-                            </span>
-                          </h3>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--s"
-                        />
-                        <div
-                          class="euiText euiText--small"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            Constrain your application to specific trace groups
-                          </div>
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      class="euiAccordion__optionalAction"
+                    Cancel
+                  </span>
+                </span>
+              </button>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
+              >
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  data-test-subj="createButton"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
                     >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                        data-test-subj="clearTraceGroupsButton"
-                        disabled=""
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButton__content"
-                        >
-                          <span
-                            class="euiButton__text"
-                          >
-                            Clear all
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    aria-labelledby="random_html_id"
-                    class="euiAccordion__childWrapper"
-                    id="traceGroups"
-                    role="region"
-                    tabindex="-1"
-                  >
-                    <div>
-                      <div
-                        class="euiAccordion__padding--l"
-                      >
-                        <div
-                          class="euiFormRow euiFormRow--compressed"
-                          id="random_html_id-row"
-                        >
-                          <div
-                            class="euiFormRow__labelWrapper"
-                          >
-                            <label
-                              class="euiFormLabel euiFormRow__label"
-                              for="random_html_id"
-                            >
-                              Trace Groups
-                            </label>
-                          </div>
-                          <div
-                            class="euiFormRow__fieldWrapper"
-                          >
-                            <div
-                              aria-describedby="random_html_id-help-0"
-                              aria-expanded="false"
-                              aria-haspopup="listbox"
-                              aria-label="Select trace groups"
-                              class="euiComboBox euiComboBox--compressed"
-                              data-test-subj="traceGroupsComboBox"
-                              role="combobox"
-                            >
-                              <div
-                                class="euiFormControlLayout euiFormControlLayout--compressed"
-                              >
-                                <div
-                                  class="euiFormControlLayout__childrenWrapper"
-                                >
-                                  <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                    data-test-subj="comboBoxInput"
-                                    tabindex="-1"
-                                  >
-                                    <p
-                                      class="euiComboBoxPlaceholder"
-                                    >
-                                      Select or add trace groups
-                                    </p>
-                                    <div
-                                      class="euiComboBox__input"
-                                      style="font-size: 14px; display: inline-block;"
-                                    >
-                                      <input
-                                        aria-controls=""
-                                        data-test-subj="comboBoxSearchInput"
-                                        id="random_html_id"
-                                        role="textbox"
-                                        style="box-sizing: content-box; width: 2px;"
-                                        value=""
-                                      />
-                                      <div
-                                        style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                      />
-                                    </div>
-                                  </div>
-                                  <div
-                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                  >
-                                    <button
-                                      aria-label="Open list of options"
-                                      class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                      data-test-subj="comboBoxToggleListButton"
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height="16"
-                                        role="img"
-                                        viewBox="0 0 16 16"
-                                        width="16"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <path
-                                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                          fill-rule="non-zero"
-                                        />
-                                      </svg>
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFormHelpText euiFormRow__text"
-                              id="random_html_id-help-0"
-                            >
-                              Select one or multiple trace groups, or type a custom one
-                            </div>
-                          </div>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                        >
-                          <div
-                            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                          >
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow10"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                <span
-                                  class="panel-title"
-                                >
-                                  Latency by trace group
-                                </span>
-                                <span
-                                  class="panel-title-count"
-                                >
-                                   (0)
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-1"
-                                type="button"
-                              >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    □
-                                  </span>
-                                   &lt; 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrowZero"
-                            >
-                              <button
-                                class="euiLink euiLink--primary"
-                                data-test-subj="dashboard-table-percentile-button-2"
-                                type="button"
-                              >
-                                <div
-                                  class="euiText euiText--extraSmall"
-                                >
-                                  <span
-                                    style="color: rgb(149, 122, 201);"
-                                  >
-                                    ■
-                                  </span>
-                                   &gt;= 95 percentile
-                                </div>
-                              </button>
-                            </div>
-                            <div
-                              class="euiFlexItem euiFlexItem--flexGrow1"
-                            />
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--m"
-                          />
-                          <hr
-                            class="euiHorizontalRule euiHorizontalRule--full"
-                          />
-                          <div
-                            class="euiSpacer euiSpacer--xl"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
-                          >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
-                            >
-                              <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
-                              </div>
-                            </span>
-                          </div>
-                          <div
-                            class="euiSpacer euiSpacer--xl"
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  data-test-subj="cancelCreateButton"
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
+                      Create
+                    </span>
+                  </span>
+                </button>
+              </span>
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <span
+                class="euiToolTipAnchor"
+              >
+                <button
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                  data-test-subj="createAndSetButton"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
                   >
                     <span
                       class="euiButton__text"
                     >
-                      Cancel
+                      Create and Set Availability
                     </span>
                   </span>
                 </button>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                    data-test-subj="createButton"
-                    disabled=""
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <span
-                  class="euiToolTipAnchor"
-                >
-                  <button
-                    class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                    data-test-subj="createAndSetButton"
-                    disabled=""
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButton__content"
-                    >
-                      <span
-                        class="euiButton__text"
-                      >
-                        Create and Set Availability
-                      </span>
-                    </span>
-                  </button>
-                </span>
-              </div>
+              </span>
             </div>
           </div>
         </div>
@@ -17981,1075 +17921,1095 @@ Object {
     data-aria-hidden="true"
   >
     <div
-      style="max-width: 1130px;"
+      class="euiPage euiPage--paddingMedium euiPage--grow"
     >
       <div
-        class="euiPage euiPage--paddingMedium euiPage--grow"
+        class="euiPageBody euiPageBody--borderRadiusNone"
       >
+        <header
+          class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        >
+          <div
+            class="euiPageHeaderSection"
+          >
+            <h1
+              class="euiTitle euiTitle--large"
+              data-test-subj="createPageTitle"
+            >
+              Create
+               application
+            </h1>
+          </div>
+        </header>
         <div
-          class="euiPageBody euiPageBody--borderRadiusNone"
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="appInfo"
+          role="main"
         >
-          <header
-            class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+          <div
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageHeaderSection"
+              class="euiPageContentHeaderSection"
             >
-              <h1
-                class="euiTitle euiTitle--large"
-                data-test-subj="createPageTitle"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                Create
-                 application
-              </h1>
+                Application information
+              </h2>
             </div>
-          </header>
-          <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="appInfo"
-            role="main"
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <form
+            class="euiForm"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="nameFormRow"
+              id="random_html_id-row"
             >
               <div
-                class="euiPageContentHeaderSection"
+                class="euiFormRow__labelWrapper"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  Application information
-                </h2>
+                  Name
+                </label>
               </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <form
-              class="euiForm"
-            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="nameFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormRow__labelWrapper"
-                >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Name
-                  </label>
-                </div>
-                <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="name"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="name"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="euiFormRow euiFormRow--compressed"
+              data-test-subj="descriptionFormRow"
+              id="random_html_id-row"
+            >
               <div
-                class="euiFormRow euiFormRow--compressed"
-                data-test-subj="descriptionFormRow"
-                id="random_html_id-row"
+                class="euiFormRow__labelWrapper"
               >
-                <div
-                  class="euiFormRow__labelWrapper"
+                <label
+                  class="euiFormLabel euiFormRow__label"
+                  for="random_html_id"
                 >
-                  <label
-                    class="euiFormLabel euiFormRow__label"
-                    for="random_html_id"
-                  >
-                    Description
-                  </label>
-                </div>
+                  Description
+                </label>
+              </div>
+              <div
+                class="euiFormRow__fieldWrapper"
+              >
                 <div
-                  class="euiFormRow__fieldWrapper"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--compressed"
+                    class="euiFormControlLayout__childrenWrapper"
                   >
-                    <div
-                      class="euiFormControlLayout__childrenWrapper"
-                    >
-                      <input
-                        class="euiFieldText euiFieldText--compressed"
-                        id="random_html_id"
-                        name="description"
-                        type="text"
-                        value=""
-                      />
-                    </div>
+                    <input
+                      class="euiFieldText euiFieldText--compressed"
+                      id="random_html_id"
+                      name="description"
+                      type="text"
+                      value=""
+                    />
                   </div>
                 </div>
               </div>
-            </form>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
+            </div>
+          </form>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+          id="composition"
+          role="main"
+        >
           <div
-            class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-            id="composition"
-            role="main"
+            class="euiPageContentHeader euiPageContentHeader--responsive"
           >
             <div
-              class="euiPageContentHeader euiPageContentHeader--responsive"
+              class="euiPageContentHeaderSection"
             >
-              <div
-                class="euiPageContentHeaderSection"
+              <h2
+                class="euiTitle euiTitle--medium"
               >
-                <h2
-                  class="euiTitle euiTitle--medium"
-                >
-                  Composition
-                </h2>
-              </div>
+                Composition
+              </h2>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion euiAccordion-isOpen"
-                data-test-subj="logSourceAccordion"
-              >
-                <div
-                  class="euiAccordion__triggerWrapper"
-                >
-                  <button
-                    aria-controls="logSource"
-                    aria-expanded="true"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
-                  >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Log source
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Configure your application base query
-                        </div>
-                      </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="clearLogSourceButton"
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButton__content"
-                      >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear
-                        </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="logSource"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
-                      <div
-                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
-                      >
-                        <div
-                          class="euiFlexItem"
-                        >
-                          <div
-                            class="euiCallOut euiCallOut--primary euiCallOut--small"
-                            id="baseQueryCallout"
-                          >
-                            <div
-                              class="euiText euiText--extraSmall"
-                            >
-                              <div
-                                class="euiTextColor euiTextColor--default"
-                              >
-                                You can't change the base query after the application is created.
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div
-                          class="euiFlexItem"
-                        >
-                          <div
-                            class="euiFormRow euiFormRow--compressed"
-                            id="random_html_id-row"
-                          >
-                            <div
-                              class="euiFormRow__labelWrapper"
-                            >
-                              <label
-                                class="euiFormLabel euiFormRow__label"
-                                for="random_html_id"
-                              >
-                                Base Query
-                              </label>
-                            </div>
-                            <div
-                              class="euiFormRow__fieldWrapper"
-                            >
-                              <div
-                                aria-describedby="random_html_id-help-0"
-                                class="euiFlexItem euiFlexItem--flexGrowZero query-area"
-                                id="random_html_id"
-                              >
-                                <div
-                                  aria-expanded="false"
-                                  aria-haspopup="listbox"
-                                  aria-labelledby="autocomplete-2-label"
-                                  class="aa-Autocomplete"
-                                  id="autocomplete-root"
-                                  role="combobox"
-                                >
-                                  <textarea
-                                    aria-autocomplete="both"
-                                    aria-labelledby="autocomplete-2-label"
-                                    autocapitalize="off"
-                                    autocomplete="off"
-                                    autocorrect="off"
-                                    class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
-                                    data-test-subj="searchAutocompleteTextArea"
-                                    enterkeyhint="search"
-                                    id="autocomplete-textarea"
-                                    maxlength="16384"
-                                    placeholder="Enter query"
-                                    rows="3"
-                                    spellcheck="false"
-                                    style="margin-top: 0px; height: 18px; padding: 8px;"
-                                    type="search"
-                                  >
-                                    source = openserach_dashboard_sample_logs
-                                  </textarea>
-                                </div>
-                                <button
-                                  aria-label="pplLinkShowFlyout"
-                                  class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
-                                  title="PPL"
-                                >
-                                  <span
-                                    class="euiBadge__content"
-                                  >
-                                    <span
-                                      class="euiBadge__text"
-                                    >
-                                      PPL
-                                    </span>
-                                  </span>
-                                </button>
-                              </div>
-                              <div
-                                class="euiFormHelpText euiFormRow__text"
-                                id="random_html_id-help-0"
-                              >
-                                The default logs view in the application will be filtered by this query.
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
-              <div
-                class="euiAccordion"
-                data-test-subj="servicesEntitiesAccordion"
-              >
-                <div
-                  class="euiAccordion__triggerWrapper"
-                >
-                  <button
-                    aria-controls="servicesEntities"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
-                    type="button"
-                  >
-                    <span
-                      class="euiAccordion__iconWrapper"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
-                    </span>
-                    <span
-                      class="euiIEFlexWrapFix"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <h3>
-                          Services & entities
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="servicesEntitiesCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        <div
-                          class="euiTextColor euiTextColor--subdued"
-                        >
-                          Select services & entities to include in this application
-                        </div>
-                      </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearServicesEntitiesButton"
-                      disabled=""
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButton__content"
-                      >
-                        <span
-                          class="euiButton__text"
-                        >
-                          Clear all
-                        </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="servicesEntities"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
-                      <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
-                      >
-                        <div
-                          class="euiFormRow__labelWrapper"
-                        >
-                          <label
-                            class="euiFormLabel euiFormRow__label"
-                            for="random_html_id"
-                          >
-                            Services & entities
-                          </label>
-                        </div>
-                        <div
-                          class="euiFormRow__fieldWrapper"
-                        >
-                          <div
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select services and entities"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="servicesEntitiesComboBox"
-                            role="combobox"
-                          >
-                            <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
-                            >
-                              <div
-                                class="euiFormControlLayout__childrenWrapper"
-                              >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
-                                >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select services and entities
-                                  </p>
-                                  <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
-                                  >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                                    />
-                                  </div>
-                                </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                        >
-                          <span
-                            class="panel-title"
-                          >
-                            Service map
-                          </span>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <fieldset
-                          class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
-                        >
-                          <legend
-                            class="euiScreenReaderOnly"
-                          />
-                          <div
-                            class="euiButtonGroup__buttons"
-                          >
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
-                              >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Duration"
-                                  title="Duration"
-                                >
-                                  <input
-                                    checked=""
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="latency"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Duration
-                                </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
-                              >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Errors"
-                                  title="Errors"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="error_rate"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Errors
-                                </span>
-                              </span>
-                            </label>
-                            <label
-                              class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                              for="random_html_id"
-                            >
-                              <span
-                                class="euiButtonContent euiButton__content"
-                              >
-                                <span
-                                  class="euiButton__text euiButtonGroupButton__textShift"
-                                  data-text="Request Rate"
-                                  title="Request Rate"
-                                >
-                                  <input
-                                    class="euiScreenReaderOnly"
-                                    data-test-subj="throughput"
-                                    id="random_html_id"
-                                    name="random_html_id"
-                                    type="radio"
-                                    value=""
-                                  />
-                                  Request Rate
-                                </span>
-                              </span>
-                            </label>
-                          </div>
-                        </fieldset>
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-                        />
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion euiAccordion-isOpen"
+              data-test-subj="logSourceAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="logSource"
+                  aria-expanded="true"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon euiAccordion__icon-isOpen"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Log source
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Configure your application base query
+                      </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="clearLogSourceButton"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="logSource"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                    >
+                      <div
+                        class="euiFlexItem"
+                      >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          class="euiCallOut euiCallOut--primary euiCallOut--small"
+                          id="baseQueryCallout"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                            class="euiText euiText--extraSmall"
                           >
                             <div
-                              class="euiText euiText--medium"
+                              class="euiTextColor euiTextColor--default"
                             >
-                              Focus on
+                              You can't change the base query after the application is created.
                             </div>
                           </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiFlexItem"
+                      >
+                        <div
+                          class="euiFormRow euiFormRow--compressed"
+                          id="random_html_id-row"
+                        >
                           <div
-                            class="euiFlexItem"
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              aria-describedby="random_html_id-help-0"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
                             >
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
-                              >
-                                <input
-                                  class="euiFieldSearch euiFieldSearch--compressed"
-                                  placeholder="Service name"
+                                aria-expanded="false"
+                                aria-haspopup="listbox"
+                                aria-labelledby="autocomplete-2-label"
+                                class="aa-Autocomplete"
+                                id="autocomplete-root"
+                                role="combobox"
+                              >
+                                <textarea
+                                  aria-autocomplete="both"
+                                  aria-labelledby="autocomplete-2-label"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="16384"
+                                  placeholder="Enter query"
+                                  rows="3"
+                                  spellcheck="false"
+                                  style="margin-top: 0px; height: 18px; padding: 8px;"
                                   type="search"
-                                  value=""
-                                />
-                                <div
-                                  class="euiFormControlLayoutIcons"
+                                >
+                                  source = openserach_dashboard_sample_logs
+                                </textarea>
+                              </div>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                class="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                title="PPL"
+                              >
+                                <span
+                                  class="euiBadge__content"
                                 >
                                   <span
-                                    class="euiFormControlLayoutCustomIcon"
+                                    class="euiBadge__text"
                                   >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                      />
-                                    </svg>
+                                    PPL
                                   </span>
-                                </div>
-                              </div>
+                                </span>
+                              </button>
                             </div>
-                          </div>
-                        </div>
-                        <div
-                          class="euiSpacer euiSpacer--l"
-                        />
-                        <div
-                          style="min-height: 434px;"
-                        >
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
-                          <div
-                            class="euiEmptyPrompt"
-                          >
-                            <h2
-                              class="euiTitle euiTitle--medium"
-                            >
-                              No matches
-                            </h2>
-                            <span
-                              class="euiTextColor euiTextColor--subdued"
+                            <div
+                              class="euiFormHelpText euiFormRow__text"
+                              id="random_html_id-help-0"
                             >
-                              <div
-                                class="euiSpacer euiSpacer--m"
-                              />
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                <div
-                                  class="euiText euiText--small"
-                                >
-                                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                                </div>
-                              </div>
-                            </span>
+                              The default logs view in the application will be filtered by this query.
+                            </div>
                           </div>
-                          <div
-                            class="euiSpacer euiSpacer--s"
-                          />
                         </div>
                       </div>
-                      <div
-                        class="euiSpacer euiSpacer--xl"
-                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-            <hr
-              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-            />
-            <div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="servicesEntitiesAccordion"
+            >
               <div
-                class="euiAccordion"
-                data-test-subj="traceGroupsAccordion"
+                class="euiAccordion__triggerWrapper"
               >
+                <button
+                  aria-controls="servicesEntities"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & entities
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="servicesEntitiesCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Select services & entities to include in this application
+                      </div>
+                    </div>
+                  </span>
+                </button>
                 <div
-                  class="euiAccordion__triggerWrapper"
+                  class="euiAccordion__optionalAction"
                 >
                   <button
-                    aria-controls="traceGroups"
-                    aria-expanded="false"
-                    class="euiAccordion__button"
-                    id="random_html_id"
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearServicesEntitiesButton"
+                    disabled=""
                     type="button"
                   >
                     <span
-                      class="euiAccordion__iconWrapper"
+                      class="euiButtonContent euiButton__content"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <span
+                        class="euiButton__text"
                       >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fill-rule="nonzero"
-                        />
-                      </svg>
+                        Clear all
+                      </span>
                     </span>
-                    <span
-                      class="euiIEFlexWrapFix"
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
                     >
                       <div
-                        class="euiText euiText--small"
+                        class="euiFormRow__labelWrapper"
                       >
-                        <h3>
-                          Trace groups
-                           
-                          <span
-                            class="euiBadge euiBadge--iconLeft"
-                            data-test-subj="traceGroupsCountBadge"
-                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
-                            title="0"
-                          >
-                            <span
-                              class="euiBadge__content"
-                            >
-                              0
-                            </span>
-                          </span>
-                        </h3>
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
+                          Services & entities
+                        </label>
                       </div>
                       <div
-                        class="euiSpacer euiSpacer--s"
-                      />
-                      <div
-                        class="euiText euiText--small"
+                        class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          class="euiTextColor euiTextColor--subdued"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select services and entities"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
                         >
-                          Constrain your application to specific trace groups
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
+                              >
+                                <p
+                                  class="euiComboBoxPlaceholder"
+                                >
+                                  Select services and entities
+                                </p>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
+                                >
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
+                              </div>
+                              <div
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                              >
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
                         </div>
                       </div>
-                    </span>
-                  </button>
-                  <div
-                    class="euiAccordion__optionalAction"
-                  >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                      data-test-subj="clearTraceGroupsButton"
-                      disabled=""
-                      type="button"
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                     >
-                      <span
-                        class="euiButtonContent euiButton__content"
+                      <div
+                        class="euiText euiText--medium"
                       >
                         <span
-                          class="euiButton__text"
+                          class="panel-title"
                         >
-                          Clear all
+                          Service map
                         </span>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-labelledby="random_html_id"
-                  class="euiAccordion__childWrapper"
-                  id="traceGroups"
-                  role="region"
-                  tabindex="-1"
-                >
-                  <div>
-                    <div
-                      class="euiAccordion__padding--l"
-                    >
+                      </div>
                       <div
-                        class="euiFormRow euiFormRow--compressed"
-                        id="random_html_id-row"
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       >
+                        <legend
+                          class="euiScreenReaderOnly"
+                        />
                         <div
-                          class="euiFormRow__labelWrapper"
+                          class="euiButtonGroup__buttons"
                         >
                           <label
-                            class="euiFormLabel euiFormRow__label"
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
                             for="random_html_id"
                           >
-                            Trace Groups
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Duration"
+                                title="Duration"
+                              >
+                                <input
+                                  checked=""
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="latency"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Duration
+                              </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Errors"
+                                title="Errors"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="error_rate"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Errors
+                              </span>
+                            </span>
+                          </label>
+                          <label
+                            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                            for="random_html_id"
+                          >
+                            <span
+                              class="euiButtonContent euiButton__content"
+                            >
+                              <span
+                                class="euiButton__text euiButtonGroupButton__textShift"
+                                data-text="Request Rate"
+                                title="Request Rate"
+                              >
+                                <input
+                                  class="euiScreenReaderOnly"
+                                  data-test-subj="throughput"
+                                  id="random_html_id"
+                                  name="random_html_id"
+                                  type="radio"
+                                  value=""
+                                />
+                                Request Rate
+                              </span>
+                            </span>
                           </label>
                         </div>
+                      </fieldset>
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                      />
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
                         <div
-                          class="euiFormRow__fieldWrapper"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <div
-                            aria-describedby="random_html_id-help-0"
-                            aria-expanded="false"
-                            aria-haspopup="listbox"
-                            aria-label="Select trace groups"
-                            class="euiComboBox euiComboBox--compressed"
-                            data-test-subj="traceGroupsComboBox"
-                            role="combobox"
+                            class="euiText euiText--medium"
+                          >
+                            Focus on
+                          </div>
+                        </div>
+                        <div
+                          class="euiFlexItem"
+                        >
+                          <div
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiFormControlLayout euiFormControlLayout--compressed"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
+                              <input
+                                class="euiFieldSearch euiFieldSearch--compressed"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
                               <div
-                                class="euiFormControlLayout__childrenWrapper"
+                                class="euiFormControlLayoutIcons"
                               >
-                                <div
-                                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
-                                  data-test-subj="comboBoxInput"
-                                  tabindex="-1"
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
                                 >
-                                  <p
-                                    class="euiComboBoxPlaceholder"
-                                  >
-                                    Select or add trace groups
-                                  </p>
-                                  <div
-                                    class="euiComboBox__input"
-                                    style="font-size: 14px; display: inline-block;"
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
                                   >
-                                    <input
-                                      aria-controls=""
-                                      data-test-subj="comboBoxSearchInput"
-                                      id="random_html_id"
-                                      role="textbox"
-                                      style="box-sizing: content-box; width: 2px;"
-                                      value=""
-                                    />
-                                    <div
-                                      style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                    <path
+                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
                                     />
-                                  </div>
-                                </div>
-                                <div
-                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-                                >
-                                  <button
-                                    aria-label="Open list of options"
-                                    class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                                    data-test-subj="comboBoxToggleListButton"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      height="16"
-                                      role="img"
-                                      viewBox="0 0 16 16"
-                                      width="16"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                        fill-rule="non-zero"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                  </svg>
+                                </span>
                               </div>
                             </div>
                           </div>
-                          <div
-                            class="euiFormHelpText euiFormRow__text"
-                            id="random_html_id-help-0"
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        style="min-height: 434px;"
+                      >
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
+                        <div
+                          class="euiEmptyPrompt"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
                           >
-                            Select one or multiple trace groups, or type a custom one
-                          </div>
+                            No matches
+                          </h2>
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                              </div>
+                            </div>
+                          </span>
                         </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--xl"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+          />
+          <div>
+            <div
+              class="euiAccordion"
+              data-test-subj="traceGroupsAccordion"
+            >
+              <div
+                class="euiAccordion__triggerWrapper"
+              >
+                <button
+                  aria-controls="traceGroups"
+                  aria-expanded="false"
+                  class="euiAccordion__button"
+                  id="random_html_id"
+                  type="button"
+                >
+                  <span
+                    class="euiAccordion__iconWrapper"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiAccordion__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace groups
+                         
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          data-test-subj="traceGroupsCountBadge"
+                          style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                          title="0"
+                        >
+                          <span
+                            class="euiBadge__content"
+                          >
+                            0
+                          </span>
+                        </span>
+                      </h3>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--s"
+                    />
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <div
+                        class="euiTextColor euiTextColor--subdued"
+                      >
+                        Constrain your application to specific trace groups
                       </div>
+                    </div>
+                  </span>
+                </button>
+                <div
+                  class="euiAccordion__optionalAction"
+                >
+                  <button
+                    class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                    data-test-subj="clearTraceGroupsButton"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                aria-labelledby="random_html_id"
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+                role="region"
+                tabindex="-1"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow euiFormRow--compressed"
+                      id="random_html_id-row"
+                    >
                       <div
-                        class="euiSpacer euiSpacer--l"
-                      />
+                        class="euiFormRow__labelWrapper"
+                      >
+                        <label
+                          class="euiFormLabel euiFormRow__label"
+                          for="random_html_id"
+                        >
+                          Trace Groups
+                        </label>
+                      </div>
                       <div
-                        class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                        class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          aria-describedby="random_html_id-help-0"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox euiComboBox--compressed"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
                         >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow10"
+                            class="euiFormControlLayout euiFormControlLayout--compressed"
                           >
                             <div
-                              class="euiText euiText--medium"
-                            >
-                              <span
-                                class="panel-title"
-                              >
-                                Latency by trace group
-                              </span>
-                              <span
-                                class="panel-title-count"
-                              >
-                                 (0)
-                              </span>
-                            </div>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
-                          >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-1"
-                              type="button"
+                              class="euiFormControlLayout__childrenWrapper"
                             >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
+                                <p
+                                  class="euiComboBoxPlaceholder"
                                 >
-                                  □
-                                </span>
-                                 &lt; 95 percentile
+                                  Select or add trace groups
+                                </p>
+                                <div
+                                  class="euiComboBox__input"
+                                  style="font-size: 14px; display: inline-block;"
+                                >
+                                  <input
+                                    aria-controls=""
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    role="textbox"
+                                    style="box-sizing: content-box; width: 2px;"
+                                    value=""
+                                  />
+                                  <div
+                                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                  />
+                                </div>
                               </div>
-                            </button>
-                          </div>
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
-                          <div
-                            class="euiFlexItem euiFlexItem--flexGrowZero"
-                          >
-                            <button
-                              class="euiLink euiLink--primary"
-                              data-test-subj="dashboard-table-percentile-button-2"
-                              type="button"
-                            >
                               <div
-                                class="euiText euiText--extraSmall"
+                                class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                               >
-                                <span
-                                  style="color: rgb(149, 122, 201);"
+                                <button
+                                  aria-label="Open list of options"
+                                  class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                  data-test-subj="comboBoxToggleListButton"
+                                  type="button"
                                 >
-                                  ■
-                                </span>
-                                 &gt;= 95 percentile
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
                               </div>
-                            </button>
+                            </div>
                           </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help-0"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                    >
+                      <div
+                        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrow10"
+                        >
                           <div
-                            class="euiFlexItem euiFlexItem--flexGrow1"
-                          />
+                            class="euiText euiText--medium"
+                          >
+                            <span
+                              class="panel-title"
+                            >
+                              Latency by trace group
+                            </span>
+                            <span
+                              class="panel-title-count"
+                            >
+                               (0)
+                            </span>
+                          </div>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--m"
-                        />
-                        <hr
-                          class="euiHorizontalRule euiHorizontalRule--full"
-                        />
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-1"
+                            type="button"
+                          >
+                            <div
+                              class="euiText euiText--extraSmall"
+                            >
+                              <span
+                                style="color: rgb(149, 122, 201);"
+                              >
+                                □
+                              </span>
+                               &lt; 95 percentile
+                            </div>
+                          </button>
+                        </div>
                         <div
-                          class="euiSpacer euiSpacer--xl"
+                          class="euiFlexItem euiFlexItem--flexGrow1"
                         />
                         <div
-                          class="euiEmptyPrompt"
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          <h2
-                            class="euiTitle euiTitle--medium"
-                          >
-                            No matches
-                          </h2>
-                          <span
-                            class="euiTextColor euiTextColor--subdued"
+                          <button
+                            class="euiLink euiLink--primary"
+                            data-test-subj="dashboard-table-percentile-button-2"
+                            type="button"
                           >
                             <div
-                              class="euiSpacer euiSpacer--m"
-                            />
-                            <div
-                              class="euiText euiText--medium"
+                              class="euiText euiText--extraSmall"
                             >
-                              <div
-                                class="euiText euiText--small"
+                              <span
+                                style="color: rgb(149, 122, 201);"
                               >
-                                No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                              </div>
+                                ■
+                              </span>
+                               &gt;= 95 percentile
                             </div>
-                          </span>
+                          </button>
                         </div>
                         <div
-                          class="euiSpacer euiSpacer--xl"
+                          class="euiFlexItem euiFlexItem--flexGrow1"
                         />
                       </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full"
+                      />
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
+                      <div
+                        class="euiEmptyPrompt"
+                      >
+                        <h2
+                          class="euiTitle euiTitle--medium"
+                        >
+                          No matches
+                        </h2>
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          <div
+                            class="euiSpacer euiSpacer--m"
+                          />
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <div
+                              class="euiText euiText--small"
+                            >
+                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                            </div>
+                          </div>
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--xl"
+                      />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
           <div
-            class="euiSpacer euiSpacer--l"
-          />
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary euiButton--small"
+              data-test-subj="cancelCreateButton"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
+              >
+                <span
+                  class="euiButton__text"
+                >
+                  Cancel
+                </span>
+              </span>
+            </button>
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <span
+              class="euiToolTipAnchor"
             >
               <button
-                class="euiButton euiButton--primary euiButton--small"
-                data-test-subj="cancelCreateButton"
+                class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                data-test-subj="createButton"
+                disabled=""
                 type="button"
               >
                 <span
@@ -19058,59 +19018,35 @@ Object {
                   <span
                     class="euiButton__text"
                   >
-                    Cancel
+                    Create
                   </span>
                 </span>
               </button>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <span
-                class="euiToolTipAnchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
-                  data-test-subj="createButton"
-                  disabled=""
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButton__content"
-                  >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create
-                    </span>
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <span
+              class="euiToolTipAnchor"
             >
-              <span
-                class="euiToolTipAnchor"
+              <button
+                class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
+                data-test-subj="createAndSetButton"
+                disabled=""
+                type="button"
               >
-                <button
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
-                  data-test-subj="createAndSetButton"
-                  disabled=""
-                  type="button"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create and Set Availability
-                    </span>
+                    Create and Set Availability
                   </span>
-                </button>
-              </span>
-            </div>
+                </span>
+              </button>
+            </span>
           </div>
         </div>
       </div>
diff --git a/public/components/application_analytics/components/app_table.tsx b/public/components/application_analytics/components/app_table.tsx
index fa3240bbe..df92c433f 100644
--- a/public/components/application_analytics/components/app_table.tsx
+++ b/public/components/application_analytics/components/app_table.tsx
@@ -4,42 +4,45 @@
  */
 /* eslint-disable react-hooks/exhaustive-deps */
 
-import '../app_analytics.scss';
+import React, { useEffect, useState } from 'react';
 import {
   EuiBadge,
-  EuiSmallButton,
-  EuiContextMenuItem,
-  EuiContextMenuPanel,
+  EuiFieldSearch,
   EuiFlexGroup,
   EuiFlexItem,
   EuiHorizontalRule,
   EuiInMemoryTable,
   EuiLink,
   EuiLoadingSpinner,
-  EuiOverlayMask,
   EuiPage,
   EuiPageBody,
   EuiPageContent,
   EuiPageContentHeader,
-  EuiPageContentHeaderSection,
-  EuiPageHeader,
-  EuiPageHeaderSection,
-  EuiPopover,
+  EuiSmallButton,
   EuiSpacer,
-  EuiTableFieldDataColumnType,
   EuiText,
-  EuiTitle,
   EuiToolTip,
+  EuiFieldText,
+  EuiButton,
+  EuiModal,
+  EuiModalHeader,
+  EuiModalBody,
+  EuiModalFooter,
+  EuiModalHeaderTitle,
+  EuiTitle,
+  EuiPageHeader,
 } from '@elastic/eui';
-import truncate from 'lodash/truncate';
-import React, { ReactElement, useEffect, useState } from 'react';
 import moment from 'moment';
-import { DeleteModal } from '../../common/helpers/delete_modal';
+import truncate from 'lodash/truncate';
 import { AppAnalyticsComponentDeps } from '../home';
-import { getCustomModal } from '../../custom_panels/helpers/modal_containers';
-import { pageStyles, UI_DATE_FORMAT } from '../../../../common/constants/shared';
 import { ApplicationType, AvailabilityType } from '../../../../common/types/application_analytics';
+import { UI_DATE_FORMAT } from '../../../../common/constants/shared';
 import { setNavBreadCrumbs } from '../../../../common/utils/set_nav_bread_crumbs';
+import { DeleteModal } from '../../common/helpers/delete_modal';
+import { HeaderControlledComponentsWrapper } from '../../../../public/plugin_headerControl';
+import { coreRefs } from '../../../framework/core_refs';
+
+const newNavigation = coreRefs.chrome?.navGroup.getNavGroupEnabled();
 
 interface AppTableProps extends AppAnalyticsComponentDeps {
   loading: boolean;
@@ -62,10 +65,12 @@ export function AppTable(props: AppTableProps) {
     clearStorage,
     moveToApp,
   } = props;
+
   const [isModalVisible, setIsModalVisible] = useState(false);
-  const [isActionsPopoverOpen, setIsActionsPopoverOpen] = useState(false);
-  const [modalLayout, setModalLayout] = useState(<EuiOverlayMask />);
-  const [selectedApplications, setSelectedApplications] = useState<ApplicationType[]>([]);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [newName, setNewName] = useState('');
+  const [selectedApplication, setSelectedApplication] = useState<ApplicationType | null>(null);
+  const [isDeleteModalVisible, setIsDeleteModalVisible] = useState(false);
   const createButtonText = 'Create application';
 
   useEffect(() => {
@@ -89,98 +94,59 @@ export function AppTable(props: AppTableProps) {
 
   const closeModal = () => {
     setIsModalVisible(false);
+    setIsDeleteModalVisible(false);
+    setNewName('');
+    setSelectedApplication(null);
   };
 
-  const showModal = () => {
-    setIsModalVisible(true);
-  };
-
-  const onRename = async (newApplicationName: string) => {
-    renameApplication(newApplicationName, selectedApplications[0].id);
-    closeModal();
+  const onRename = async () => {
+    if (selectedApplication && newName.trim()) {
+      await renameApplication(newName.trim(), selectedApplication.id);
+      closeModal();
+    }
   };
 
-  const onDelete = async () => {
-    closeModal();
-    const toastMessage = `Application${
-      selectedApplications.length > 1 ? 's' : ' "' + selectedApplications[0].name + '"'
-    } successfully deleted!`;
-    await deleteApplication(
-      selectedApplications.map((app) => app.id),
-      selectedApplications.map((app) => app.panelId),
-      toastMessage
-    );
+  const renameApp = (app: ApplicationType) => {
+    setSelectedApplication(app);
+    setNewName(app.name);
+    setIsModalVisible(true);
   };
 
-  const renameApp = () => {
-    setModalLayout(
-      getCustomModal(
-        onRename,
-        closeModal,
-        'Name',
-        'Rename application',
-        'Cancel',
-        'Rename',
-        selectedApplications[0].name
-      )
-    );
-    showModal();
+  const confirmDelete = async () => {
+    if (selectedApplication) {
+      const toastMessage = `Application${
+        applications.length > 1 ? 's' : ' "' + selectedApplication.name + '"'
+      } successfully deleted!`;
+      await deleteApplication(
+        [selectedApplication.id],
+        [selectedApplication.panelId],
+        toastMessage
+      );
+      closeModal();
+    }
   };
 
-  const deleteApp = () => {
-    const applicationString = `application${selectedApplications.length > 1 ? 's' : ''}`;
-    setModalLayout(
-      <DeleteModal
-        onConfirm={onDelete}
-        onCancel={closeModal}
-        title={`Delete ${selectedApplications.length} ${applicationString}`}
-        message={`Are you sure you want to delete the selected ${selectedApplications.length} ${applicationString}?`}
-      />
-    );
-    showModal();
+  const deleteApp = (app: ApplicationType) => {
+    setSelectedApplication(app);
+    setIsDeleteModalVisible(true);
   };
 
-  const popoverButton = (
-    <EuiSmallButton
-      data-test-subj="appAnalyticsActionsButton"
-      iconType="arrowDown"
-      iconSide="right"
-      onClick={() => setIsActionsPopoverOpen(!isActionsPopoverOpen)}
-    >
-      Actions
-    </EuiSmallButton>
-  );
-
-  const popoverItems: ReactElement[] = [
-    <EuiContextMenuItem
-      key="rename"
-      data-test-subj="renameApplicationContextMenuItem"
-      disabled={applications.length === 0 || selectedApplications.length !== 1}
-      onClick={() => {
-        setIsActionsPopoverOpen(false);
-        renameApp();
-      }}
-    >
-      Rename
-    </EuiContextMenuItem>,
-    // <EuiContextMenuItem
-    //   key="duplicate"
-    //   disabled={applications.length === 0 || selectedApplications.length !== 1}
-    // >
-    //   Duplicate
-    // </EuiContextMenuItem>,
-    <EuiContextMenuItem
-      key="delete"
-      data-test-subj="deleteApplicationContextMenuItem"
-      disabled={applications.length === 0 || selectedApplications.length === 0}
-      onClick={() => {
-        setIsActionsPopoverOpen(false);
-        deleteApp();
-      }}
-    >
-      Delete
-    </EuiContextMenuItem>,
-    // <EuiContextMenuItem key="addSample">Add sample application</EuiContextMenuItem>,
+  const actions = [
+    {
+      name: 'Rename',
+      description: 'Rename this application',
+      icon: 'pencil',
+      type: 'icon',
+      onClick: (app: ApplicationType) => renameApp(app),
+    },
+    {
+      name: 'Delete',
+      description: 'Delete this application',
+      icon: 'trash',
+      type: 'icon',
+      color: 'danger',
+      onClick: (app: ApplicationType) => deleteApp(app),
+    },
   ];
 
   const renderAvailability = (value: AvailabilityType, record: ApplicationType) => {
@@ -248,59 +214,64 @@ export function AppTable(props: AppTableProps) {
       sortable: true,
       render: (value) => <EuiText>{moment(value).format(UI_DATE_FORMAT)}</EuiText>,
     },
-  ] as Array<EuiTableFieldDataColumnType<ApplicationType>>;
+    {
+      name: 'Actions',
+      actions,
+    },
+  ];
+
+  const filteredApplications = applications.filter((app) =>
+    app.name.toLowerCase().includes(searchQuery.toLowerCase())
+  );
 
   return (
-    <div style={pageStyles}>
+    <>
       <EuiPage>
         <EuiPageBody component="div">
           <EuiPageHeader>
-            <EuiPageHeaderSection>
+            {!newNavigation && (
               <EuiTitle size="l">
-                <h1>Overview</h1>
+                <h3>Applications {` (${applications.length})`}</h3>
               </EuiTitle>
-            </EuiPageHeaderSection>
+            )}
           </EuiPageHeader>
           <EuiPageContent id="applicationArea">
             <EuiPageContentHeader>
-              <EuiPageContentHeaderSection>
-                <EuiTitle data-test-subj="applicationHomePageTitle" size="s">
-                  <h3>
-                    Applications<span className="panel-header-count"> ({applications.length})</span>
-                  </h3>
-                </EuiTitle>
-              </EuiPageContentHeaderSection>
-              <EuiPageContentHeaderSection>
-                <EuiFlexGroup gutterSize="s">
-                  <EuiFlexItem>
-                    <EuiPopover
-                      panelPaddingSize="none"
-                      button={popoverButton}
-                      isOpen={isActionsPopoverOpen}
-                      closePopover={() => setIsActionsPopoverOpen(false)}
-                    >
-                      <EuiContextMenuPanel items={popoverItems} />
-                    </EuiPopover>
-                  </EuiFlexItem>
-                  <EuiFlexItem>
-                    <EuiSmallButton fill href="#/create">
-                      {createButtonText}
-                    </EuiSmallButton>
-                  </EuiFlexItem>
-                </EuiFlexGroup>
-              </EuiPageContentHeaderSection>
+              <EuiFlexGroup gutterSize="s" alignItems="center">
+                <EuiFlexItem>
+                  <EuiFieldSearch
+                    compressed
+                    fullWidth
+                    placeholder="Search applications"
+                    value={searchQuery}
+                    onChange={(e) => setSearchQuery(e.target.value)}
+                    isClearable={true}
+                    aria-label="Search applications"
+                  />
+                </EuiFlexItem>
+                <EuiFlexItem grow={false}>
+                  <HeaderControlledComponentsWrapper
+                    components={[
+                      <EuiSmallButton fill href="#/create" iconType="plus" iconSide="left">
+                        {createButtonText}
+                      </EuiSmallButton>,
+                    ]}
+                    badgeContent={applications.length}
+                  />
+                </EuiFlexItem>
+              </EuiFlexGroup>
             </EuiPageContentHeader>
             <EuiHorizontalRule />
-            {applications.length > 0 ? (
+            {filteredApplications.length > 0 ? (
               <EuiInMemoryTable
                 loading={props.loading}
-                items={applications}
+                items={filteredApplications}
                 itemId="id"
                 columns={tableColumns}
                 tableLayout="auto"
                 pagination={{
                   initialPageSize: 10,
-                  pageSizeOptions: [8, 10, 13],
+                  pageSizeOptions: [5, 10, 20],
                 }}
                 sorting={{
                   sort: {
@@ -309,10 +280,6 @@ export function AppTable(props: AppTableProps) {
                   },
                 }}
                 allowNeutralSort={false}
-                isSelectable={true}
-                selection={{
-                  onSelectionChange: (items) => setSelectedApplications(items),
-                }}
               />
             ) : (
               <>
@@ -323,13 +290,15 @@ export function AppTable(props: AppTableProps) {
                 <EuiSpacer size="m" />
                 <EuiFlexGroup justifyContent="center">
                   <EuiFlexItem grow={false}>
-                    <EuiSmallButton fullWidth={false} href={`#/create`}>
+                    <EuiSmallButton
+                      fullWidth={false}
+                      href={`#/create`}
+                      iconType="plus"
+                      iconSide="left"
+                    >
                       {createButtonText}
                     </EuiSmallButton>
                   </EuiFlexItem>
-                  {/* <EuiFlexItem grow={false}>
-                    <EuiSmallButton fullWidth={false}>Add sample applications</EuiSmallButton>
-                  </EuiFlexItem> */}
                 </EuiFlexGroup>
                 <EuiSpacer size="xxl" />
               </>
@@ -337,7 +306,42 @@ export function AppTable(props: AppTableProps) {
           </EuiPageContent>
         </EuiPageBody>
       </EuiPage>
-      {isModalVisible && modalLayout}
-    </div>
+
+      {isModalVisible && (
+        <EuiModal onClose={closeModal}>
+          <EuiModalHeader>
+            <EuiModalHeaderTitle>Rename Application</EuiModalHeaderTitle>
+          </EuiModalHeader>
+
+          <EuiModalBody>
+            <EuiFieldText
+              fullWidth
+              placeholder="New application name"
+              value={newName}
+              onChange={(e) => setNewName(e.target.value)}
+              aria-label="Application name input"
+            />
+          </EuiModalBody>
+
+          <EuiModalFooter>
+            <EuiButton onClick={closeModal} color="text">
+              Cancel
+            </EuiButton>
+            <EuiButton onClick={onRename} fill>
+              Rename
+            </EuiButton>
+          </EuiModalFooter>
+        </EuiModal>
+      )}
+
+      {isDeleteModalVisible && (
+        <DeleteModal
+          onConfirm={confirmDelete}
+          onCancel={closeModal}
+          title={`Delete Application`}
+          message={`Are you sure you want to delete the application "${selectedApplication?.name}"?`}
+        />
+      )}
+    </>
   );
 }
diff --git a/public/components/application_analytics/components/application.tsx b/public/components/application_analytics/components/application.tsx
index 411ad3005..a78b40a41 100644
--- a/public/components/application_analytics/components/application.tsx
+++ b/public/components/application_analytics/components/application.tsx
@@ -8,7 +8,6 @@ import {
   EuiHorizontalRule,
   EuiPage,
   EuiPageBody,
-  EuiPageHeader,
   EuiPageHeaderSection,
   EuiPanel,
   EuiSelectOption,
@@ -63,6 +62,10 @@ import { AppAnalyticsComponentDeps } from '../home';
 import { Configuration } from './configuration';
 import { ServiceDetailFlyout } from './flyout_components/service_detail_flyout';
 import { TraceDetailFlyout } from './flyout_components/trace_detail_flyout';
+import { coreRefs } from '../../../framework/core_refs';
+import { HeaderControlledComponentsWrapper } from '../../../../public/plugin_headerControl';
+
+const newNavigation = coreRefs.chrome?.navGroup.getNavGroupEnabled();
 
 const searchBarConfigs = {
   [TAB_EVENT_ID]: {
@@ -491,11 +494,15 @@ export function Application(props: AppDetailProps) {
       tabTitle: TAB_TRACE_TITLE,
       getContent: () => getTrace(),
     }),
-    getAppAnalyticsTab({
-      tabId: TAB_LOG_ID,
-      tabTitle: TAB_LOG_TITLE,
-      getContent: () => getLog(),
-    }),
+    ...(!newNavigation
+      ? [
+          getAppAnalyticsTab({
+            tabId: TAB_LOG_ID,
+            tabTitle: TAB_LOG_TITLE,
+            getContent: () => getLog(),
+          }),
+        ]
+      : []),
     getAppAnalyticsTab({
       tabId: TAB_PANEL_ID,
       tabTitle: TAB_PANEL_TITLE,
@@ -512,16 +519,20 @@ export function Application(props: AppDetailProps) {
     <div>
       <EuiPage>
         <EuiPageBody component="div">
-          <EuiPageHeader>
-            <EuiPageHeaderSection>
-              <EuiTitle size="l">
-                <h1 data-test-subj="applicationTitle">{application.name}</h1>
-              </EuiTitle>
-              <EuiText>
-                <p>{application.description}</p>
-              </EuiText>
-            </EuiPageHeaderSection>
-          </EuiPageHeader>
+          <EuiPageHeaderSection>
+            {newNavigation ? (
+              <HeaderControlledComponentsWrapper description={application.description} />
+            ) : (
+              <>
+                <EuiTitle size="l">
+                  <h1 data-test-subj="applicationTitle">{application.name}</h1>
+                </EuiTitle>
+                <EuiText>
+                  <p>{application.description}</p>
+                </EuiText>
+              </>
+            )}
+          </EuiPageHeaderSection>
           <EuiTabbedContent
             className="appAnalyticsTabs"
             initialSelectedTab={appAnalyticsTabs[0]}
diff --git a/public/components/application_analytics/components/create.tsx b/public/components/application_analytics/components/create.tsx
index e5e4749bc..816496a5d 100644
--- a/public/components/application_analytics/components/create.tsx
+++ b/public/components/application_analytics/components/create.tsx
@@ -39,6 +39,9 @@ import {
 import { fetchAppById } from '../helpers/utils';
 import { observabilityApplicationsID } from '../../../../common/constants/shared';
 import { setNavBreadCrumbs } from '../../../../common/utils/set_nav_bread_crumbs';
+import { coreRefs } from '../../../framework/core_refs';
+
+const newNavigation = coreRefs.chrome?.navGroup.getNavGroupEnabled();
 
 interface CreateAppProps extends AppAnalyticsComponentDeps {
   dslService: DSLService;
@@ -179,14 +182,16 @@ export const CreateApp = (props: CreateAppProps) => {
   };
 
   return (
-    <div style={{ maxWidth: '1130px' }}>
+    <>
       <EuiPage>
         <EuiPageBody component="div">
           <EuiPageHeader>
             <EuiPageHeaderSection>
-              <EuiTitle data-test-subj="createPageTitle" size="l">
-                <h1>{editMode ? 'Edit' : 'Create'} application</h1>
-              </EuiTitle>
+              {!newNavigation && (
+                <EuiTitle data-test-subj="createPageTitle" size="l">
+                  <h1>{editMode ? 'Edit' : 'Create'} application</h1>
+                </EuiTitle>
+              )}
             </EuiPageHeaderSection>
           </EuiPageHeader>
           <EuiPageContent id="appInfo">
@@ -276,6 +281,6 @@ export const CreateApp = (props: CreateAppProps) => {
         </EuiPageBody>
       </EuiPage>
       {flyout}
-    </div>
+    </>
   );
 };
diff --git a/public/components/custom_panels/__tests__/__snapshots__/custom_panel_table.test.tsx.snap b/public/components/custom_panels/__tests__/__snapshots__/custom_panel_table.test.tsx.snap
index a82756a37..f85b5e67f 100644
--- a/public/components/custom_panels/__tests__/__snapshots__/custom_panel_table.test.tsx.snap
+++ b/public/components/custom_panels/__tests__/__snapshots__/custom_panel_table.test.tsx.snap
@@ -2,840 +2,836 @@
 
 exports[`Panels Table Component render dashboard table container with panels 1`] = `
 <div
-  style="float: left; width: 100%; max-width: 1130px;"
+  class="euiPage euiPage--paddingMedium euiPage--grow"
 >
   <div
-    class="euiPage euiPage--paddingMedium euiPage--grow"
+    class="euiPageBody euiPageBody--borderRadiusNone"
   >
-    <div
-      class="euiPageBody euiPageBody--borderRadiusNone"
+    <header
+      class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
     >
-      <header
-        class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+      <div
+        class="euiPageHeaderSection"
       >
         <div
-          class="euiPageHeaderSection"
+          class="euiText euiText--small"
         >
-          <div
-            class="euiText euiText--small"
-          >
-            <h1>
-              Observability dashboards
-            </h1>
-          </div>
+          <h1>
+            Observability dashboards
+          </h1>
         </div>
-      </header>
+      </div>
+    </header>
+    <div
+      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      id="customPanelArea"
+      role="main"
+    >
       <div
-        class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-        id="customPanelArea"
-        role="main"
+        class="euiPageContentHeader euiPageContentHeader--responsive"
       >
         <div
-          class="euiPageContentHeader euiPageContentHeader--responsive"
+          class="euiPageContentHeaderSection"
         >
-          <div
-            class="euiPageContentHeaderSection"
+          <h3
+            class="euiTitle euiTitle--small"
           >
-            <h3
-              class="euiTitle euiTitle--small"
+            Dashboard
+            <span
+              class="panel-header-count"
             >
-              Dashboard
-              <span
-                class="panel-header-count"
-              >
-                 (
-                4
-                )
-              </span>
-            </h3>
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
+               (
+              4
+              )
+            </span>
+          </h3>
+          <div
+            class="euiSpacer euiSpacer--s"
+          />
+          <div
+            class="euiText euiText--small"
+          >
             <div
-              class="euiText euiText--small"
+              class="euiTextColor euiTextColor--subdued"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
+              Use Observability Dashboard to create and view different visualizations on ingested observability data, using PPL (Piped Processing Language) queries.
+               
+              <a
+                class="euiLink euiLink--primary"
+                href="https://opensearch.org/docs/latest/observability-plugin/operational-panels/"
+                rel="noreferrer"
+                target="blank"
               >
-                Use Observability Dashboard to create and view different visualizations on ingested observability data, using PPL (Piped Processing Language) queries.
-                 
-                <a
-                  class="euiLink euiLink--primary"
-                  href="https://opensearch.org/docs/latest/observability-plugin/operational-panels/"
-                  rel="noreferrer"
-                  target="blank"
+                Learn more
+                <svg
+                  aria-label="External link"
+                  class="euiIcon euiIcon--small euiLink__externalIcon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Learn more
-                  <svg
-                    aria-label="External link"
-                    class="euiIcon euiIcon--small euiLink__externalIcon"
-                    focusable="false"
-                    height="16"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-                    />
-                  </svg>
-                </a>
-              </div>
+                  <path
+                    d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
+                  />
+                </svg>
+              </a>
             </div>
           </div>
+        </div>
+        <div
+          class="euiPageContentHeaderSection"
+        >
           <div
-            class="euiPageContentHeaderSection"
+            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem"
             >
               <div
-                class="euiFlexItem"
+                class="euiPopover euiPopover--anchorDownCenter"
               >
                 <div
-                  class="euiPopover euiPopover--anchorDownCenter"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="operationalPanelsActionsButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="operationalPanelsActionsButton"
-                      type="button"
-                    >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                        class="euiButton__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                            fill-rule="non-zero"
-                          />
-                        </svg>
-                        <span
-                          class="euiButton__text"
-                        >
-                          Actions
-                        </span>
+                        Actions
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
               </div>
-              <div
-                class="euiFlexItem"
+            </div>
+            <div
+              class="euiFlexItem"
+            >
+              <a
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                data-test-subj="customPanels__createNewPanels"
+                href="#/create"
+                rel="noreferrer"
               >
-                <a
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                  data-test-subj="customPanels__createNewPanels"
-                  href="#/create"
-                  rel="noreferrer"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create Dashboard
-                    </span>
+                    Create Dashboard
                   </span>
-                </a>
-              </div>
+                </span>
+              </a>
             </div>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+      >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+          class="euiFormControlLayout__childrenWrapper"
         >
+          <input
+            class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
+            data-test-subj="operationalPanelSearchBar"
+            placeholder="Search Observability Dashboard name"
+            type="search"
+            value=""
+          />
           <div
-            class="euiFormControlLayout__childrenWrapper"
+            class="euiFormControlLayoutIcons"
           >
-            <input
-              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-              data-test-subj="operationalPanelSearchBar"
-              placeholder="Search Observability Dashboard name"
-              type="search"
-              value=""
-            />
-            <div
-              class="euiFormControlLayoutIcons"
+            <span
+              class="euiFormControlLayoutCustomIcon"
             >
-              <span
-                class="euiFormControlLayoutCustomIcon"
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                  />
-                </svg>
-              </span>
-            </div>
+                <path
+                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                />
+              </svg>
+            </span>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
-        <div
-          class="euiBasicTable"
-        >
-          <div>
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiBasicTable"
+      >
+        <div>
+          <div
+            class="euiTableHeaderMobile"
+          >
             <div
-              class="euiTableHeaderMobile"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiCheckbox"
                 >
+                  <input
+                    aria-label="Select all rows"
+                    class="euiCheckbox__input"
+                    id="_selection_column-checkbox_random_html_id"
+                    type="checkbox"
+                  />
                   <div
-                    class="euiCheckbox"
+                    class="euiCheckbox__square"
+                  />
+                  <label
+                    class="euiCheckbox__label"
+                    for="_selection_column-checkbox_random_html_id"
                   >
-                    <input
-                      aria-label="Select all rows"
-                      class="euiCheckbox__input"
-                      id="_selection_column-checkbox_random_html_id"
-                      type="checkbox"
-                    />
-                    <div
-                      class="euiCheckbox__square"
-                    />
-                    <label
-                      class="euiCheckbox__label"
-                      for="_selection_column-checkbox_random_html_id"
-                    >
-                      Select all rows
-                    </label>
-                  </div>
+                    Select all rows
+                  </label>
                 </div>
+              </div>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiTableSortMobile"
                 >
                   <div
-                    class="euiTableSortMobile"
+                    class="euiPopover euiPopover--anchorDownRight"
                   >
                     <div
-                      class="euiPopover euiPopover--anchorDownRight"
+                      class="euiPopover__anchor"
                     >
-                      <div
-                        class="euiPopover__anchor"
+                      <button
+                        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                        type="button"
                       >
-                        <button
-                          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
-                          type="button"
+                        <span
+                          class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
                         >
+                          <svg
+                            aria-hidden="true"
+                            class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                            focusable="false"
+                            height="16"
+                            role="img"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                              fill-rule="non-zero"
+                            />
+                          </svg>
                           <span
-                            class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                            class="euiButtonEmpty__text"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                              focusable="false"
-                              height="16"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                fill-rule="non-zero"
-                              />
-                            </svg>
-                            <span
-                              class="euiButtonEmpty__text"
-                            >
-                              Sorting
-                            </span>
+                            Sorting
                           </span>
-                        </button>
-                      </div>
+                        </span>
+                      </button>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-            <table
-              class="euiTable euiTable--responsive euiTable--auto"
-              id="random_html_id"
-              tabindex="-1"
-            >
-              <caption
-                class="euiScreenReaderOnly euiTableCaption"
-              />
-              <thead>
-                <tr>
-                  <th
-                    class="euiTableHeaderCellCheckbox"
-                    scope="col"
+          </div>
+          <table
+            class="euiTable euiTable--responsive euiTable--auto"
+            id="random_html_id"
+            tabindex="-1"
+          >
+            <caption
+              class="euiScreenReaderOnly euiTableCaption"
+            />
+            <thead>
+              <tr>
+                <th
+                  class="euiTableHeaderCellCheckbox"
+                  scope="col"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select all rows"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectAll"
+                        id="_selection_column-checkbox_random_html_id"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select all rows"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectAll"
-                          id="_selection_column-checkbox_random_html_id"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="none"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_title_0"
-                    role="columnheader"
-                    scope="col"
+                  </div>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="none"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_title_0"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Name"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Name"
-                        >
-                          Name
-                        </span>
+                        Name
                       </span>
-                    </button>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="descending"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_dateModified_1"
-                    role="columnheader"
-                    scope="col"
+                    </span>
+                  </button>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="descending"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_dateModified_1"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton euiTableHeaderButton-isSorted"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton euiTableHeaderButton-isSorted"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Last updated"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Last updated"
-                        >
-                          Last updated
-                        </span>
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon-isLoading euiTableSortIcon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
+                        Last updated
                       </span>
-                    </button>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="none"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_dateCreated_2"
-                    role="columnheader"
-                    scope="col"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon-isLoading euiTableSortIcon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="none"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_dateCreated_2"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Created"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Created"
-                        >
-                          Created
-                        </span>
+                        Created
                       </span>
-                    </button>
-                  </th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    </span>
+                  </button>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-P8Qd4nwBDp0rvEg39HG_"
+                        id="_selection_column_P8Qd4nwBDp0rvEg39HG_-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-P8Qd4nwBDp0rvEg39HG_"
-                          id="_selection_column_P8Qd4nwBDp0rvEg39HG_-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
-                  >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/P8Qd4nwBDp0rvEg39HG_"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/04/2021 06:10 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/P8Qd4nwBDp0rvEg39HG_"
+                      rel="noreferrer"
                     >
-                      11/02/2021 07:26 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableCellContent"
-                    >
-                      <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-b8Sc4nwBDp0rvEg3F3Fk"
-                          id="_selection_column_b8Sc4nwBDp0rvEg3F3Fk-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/b8Sc4nwBDp0rvEg3F3Fk"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    11/04/2021 06:10 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/03/2021 10:51 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/02/2021 09:44 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    11/02/2021 07:26 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-b8Sc4nwBDp0rvEg3F3Fk"
+                        id="_selection_column_b8Sc4nwBDp0rvEg3F3Fk-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-lsQfznwBDp0rvEg3W2wH"
-                          id="_selection_column_lsQfznwBDp0rvEg3W2wH-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
-                  >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/lsQfznwBDp0rvEg3W2wH"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/03/2021 10:37 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/b8Sc4nwBDp0rvEg3F3Fk"
+                      rel="noreferrer"
                     >
-                      10/29/2021 10:15 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 10:51 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/02/2021 09:44 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-lsQfznwBDp0rvEg3W2wH"
+                        id="_selection_column_lsQfznwBDp0rvEg3W2wH-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-L8Sx53wBDp0rvEg3yoLb"
-                          id="_selection_column_L8Sx53wBDp0rvEg3yoLb-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/L8Sx53wBDp0rvEg3yoLb"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/lsQfznwBDp0rvEg3W2wH"
+                      rel="noreferrer"
                     >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/03/2021 09:26 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 10:37 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    10/29/2021 10:15 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-L8Sx53wBDp0rvEg3yoLb"
+                        id="_selection_column_L8Sx53wBDp0rvEg3yoLb-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
+                      <div
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
+                  >
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/L8Sx53wBDp0rvEg3yoLb"
+                      rel="noreferrer"
                     >
-                      11/03/2021 09:26 PM
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-          <div>
-            <div
-              class="euiSpacer euiSpacer--m"
-            />
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 09:26 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 09:26 PM
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+          >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+                class="euiPopover euiPopover--anchorUpRight"
               >
                 <div
-                  class="euiPopover euiPopover--anchorUpRight"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
+                    data-test-subj="tablePaginationPopoverButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
-                      data-test-subj="tablePaginationPopoverButton"
-                      type="button"
-                    >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                        class="euiButtonEmpty__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                            fill-rule="non-zero"
-                          />
-                        </svg>
-                        <span
-                          class="euiButtonEmpty__text"
-                        >
-                          Rows per page
-                          : 
-                          10
-                        </span>
+                        Rows per page
+                        : 
+                        10
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <nav
+                class="euiPagination"
               >
-                <nav
-                  class="euiPagination"
+                <button
+                  aria-label="Previous page"
+                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                  data-test-subj="pagination-button-previous"
+                  disabled=""
+                  type="button"
                 >
-                  <button
-                    aria-label="Previous page"
-                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
-                    data-test-subj="pagination-button-previous"
-                    disabled=""
-                    type="button"
+                  <svg
+                    aria-hidden="true"
+                    class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                    focusable="false"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                      />
-                    </svg>
-                  </button>
-                  <ul
-                    class="euiPagination__list"
+                    <path
+                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                    />
+                  </svg>
+                </button>
+                <ul
+                  class="euiPagination__list"
+                >
+                  <li
+                    class="euiPagination__item"
                   >
-                    <li
-                      class="euiPagination__item"
+                    <button
+                      aria-controls="random_html_id"
+                      aria-current="true"
+                      aria-label="Page 1 of 1"
+                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
+                      data-test-subj="pagination-button-0"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        aria-controls="random_html_id"
-                        aria-current="true"
-                        aria-label="Page 1 of 1"
-                        class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
-                        data-test-subj="pagination-button-0"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButtonEmpty__content"
                       >
                         <span
-                          class="euiButtonContent euiButtonEmpty__content"
+                          class="euiButtonEmpty__text"
                         >
-                          <span
-                            class="euiButtonEmpty__text"
-                          >
-                            1
-                          </span>
+                          1
                         </span>
-                      </button>
-                    </li>
-                  </ul>
-                  <button
-                    aria-label="Next page"
-                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
-                    data-test-subj="pagination-button-next"
-                    disabled=""
-                    type="button"
+                      </span>
+                    </button>
+                  </li>
+                </ul>
+                <button
+                  aria-label="Next page"
+                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                  data-test-subj="pagination-button-next"
+                  disabled=""
+                  type="button"
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                    focusable="false"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                      />
-                    </svg>
-                  </button>
-                </nav>
-              </div>
+                    <path
+                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                    />
+                  </svg>
+                </button>
+              </nav>
             </div>
           </div>
         </div>
@@ -847,241 +843,237 @@ exports[`Panels Table Component render dashboard table container with panels 1`]
 
 exports[`Panels Table Component renders empty dashboard table container 1`] = `
 <div
-  style="float: left; width: 100%; max-width: 1130px;"
+  class="euiPage euiPage--paddingMedium euiPage--grow"
 >
   <div
-    class="euiPage euiPage--paddingMedium euiPage--grow"
+    class="euiPageBody euiPageBody--borderRadiusNone"
   >
-    <div
-      class="euiPageBody euiPageBody--borderRadiusNone"
+    <header
+      class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
     >
-      <header
-        class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+      <div
+        class="euiPageHeaderSection"
       >
         <div
-          class="euiPageHeaderSection"
+          class="euiText euiText--small"
         >
-          <div
-            class="euiText euiText--small"
-          >
-            <h1>
-              Observability dashboards
-            </h1>
-          </div>
+          <h1>
+            Observability dashboards
+          </h1>
         </div>
-      </header>
+      </div>
+    </header>
+    <div
+      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      id="customPanelArea"
+      role="main"
+    >
       <div
-        class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-        id="customPanelArea"
-        role="main"
+        class="euiPageContentHeader euiPageContentHeader--responsive"
       >
         <div
-          class="euiPageContentHeader euiPageContentHeader--responsive"
+          class="euiPageContentHeaderSection"
         >
-          <div
-            class="euiPageContentHeaderSection"
+          <h3
+            class="euiTitle euiTitle--small"
           >
-            <h3
-              class="euiTitle euiTitle--small"
+            Dashboard
+            <span
+              class="panel-header-count"
             >
-              Dashboard
-              <span
-                class="panel-header-count"
-              >
-                 (
-                0
-                )
-              </span>
-            </h3>
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
+               (
+              0
+              )
+            </span>
+          </h3>
+          <div
+            class="euiSpacer euiSpacer--s"
+          />
+          <div
+            class="euiText euiText--small"
+          >
             <div
-              class="euiText euiText--small"
+              class="euiTextColor euiTextColor--subdued"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
+              Use Observability Dashboard to create and view different visualizations on ingested observability data, using PPL (Piped Processing Language) queries.
+               
+              <a
+                class="euiLink euiLink--primary"
+                href="https://opensearch.org/docs/latest/observability-plugin/operational-panels/"
+                rel="noreferrer"
+                target="blank"
               >
-                Use Observability Dashboard to create and view different visualizations on ingested observability data, using PPL (Piped Processing Language) queries.
-                 
-                <a
-                  class="euiLink euiLink--primary"
-                  href="https://opensearch.org/docs/latest/observability-plugin/operational-panels/"
-                  rel="noreferrer"
-                  target="blank"
+                Learn more
+                <svg
+                  aria-hidden="true"
+                  aria-label="External link"
+                  class="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Learn more
-                  <svg
-                    aria-hidden="true"
-                    aria-label="External link"
-                    class="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                    focusable="false"
-                    height="16"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                    />
-                  </svg>
-                </a>
-              </div>
+                  <path
+                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  />
+                </svg>
+              </a>
             </div>
           </div>
+        </div>
+        <div
+          class="euiPageContentHeaderSection"
+        >
           <div
-            class="euiPageContentHeaderSection"
+            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem"
             >
               <div
-                class="euiFlexItem"
+                class="euiPopover euiPopover--anchorDownCenter"
               >
                 <div
-                  class="euiPopover euiPopover--anchorDownCenter"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="operationalPanelsActionsButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="operationalPanelsActionsButton"
-                      type="button"
-                    >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                        class="euiButton__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
-                        <span
-                          class="euiButton__text"
-                        >
-                          Actions
-                        </span>
+                        Actions
                       </span>
-                    </button>
-                  </div>
-                </div>
+                    </span>
+                  </button>
+                </div>
               </div>
-              <div
-                class="euiFlexItem"
+            </div>
+            <div
+              class="euiFlexItem"
+            >
+              <a
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                data-test-subj="customPanels__createNewPanels"
+                href="#/create"
+                rel="noreferrer"
               >
-                <a
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                  data-test-subj="customPanels__createNewPanels"
-                  href="#/create"
-                  rel="noreferrer"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create Dashboard
-                    </span>
+                    Create Dashboard
                   </span>
-                </a>
-              </div>
+                </span>
+              </a>
             </div>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
-        <div
-          class="euiSpacer euiSpacer--xxl"
-        />
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiSpacer euiSpacer--xxl"
+      />
+      <div
+        class="euiText euiText--medium"
+      >
         <div
-          class="euiText euiText--medium"
+          class="euiTextAlign euiTextAlign--center"
         >
+          <h2
+            data-test-subj="customPanels__noPanelsHome"
+          >
+            No Observability Dashboards
+          </h2>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
           <div
-            class="euiTextAlign euiTextAlign--center"
+            class="euiText euiText--medium"
           >
-            <h2
-              data-test-subj="customPanels__noPanelsHome"
-            >
-              No Observability Dashboards
-            </h2>
-            <div
-              class="euiSpacer euiSpacer--m"
-            />
             <div
-              class="euiText euiText--medium"
+              class="euiTextColor euiTextColor--subdued"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
-              >
-                Use Observability Dashboards to dive deeper into observability
-                <br />
-                using PPL queries and insightful visualizations
-              </div>
+              Use Observability Dashboards to dive deeper into observability
+              <br />
+              using PPL queries and insightful visualizations
             </div>
           </div>
         </div>
+      </div>
+      <div
+        class="euiSpacer euiSpacer--m"
+      />
+      <div
+        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+      >
         <div
-          class="euiSpacer euiSpacer--m"
-        />
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+          class="euiFlexItem euiFlexItem--flexGrowZero"
         >
-          <div
-            class="euiFlexItem euiFlexItem--flexGrowZero"
+          <a
+            class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="customPanels__emptyCreateNewPanels"
+            href="#/create"
+            rel="noreferrer"
           >
-            <a
-              class="euiButton euiButton--primary euiButton--small"
-              data-test-subj="customPanels__emptyCreateNewPanels"
-              href="#/create"
-              rel="noreferrer"
+            <span
+              class="euiButtonContent euiButton__content"
             >
               <span
-                class="euiButtonContent euiButton__content"
+                class="euiButton__text"
               >
-                <span
-                  class="euiButton__text"
-                >
-                  Create Dashboard
-                </span>
+                Create Dashboard
               </span>
-            </a>
-          </div>
-          <div
-            class="euiFlexItem euiFlexItem--flexGrowZero"
+            </span>
+          </a>
+        </div>
+        <div
+          class="euiFlexItem euiFlexItem--flexGrowZero"
+        >
+          <button
+            class="euiButton euiButton--primary euiButton--small"
+            type="button"
           >
-            <button
-              class="euiButton euiButton--primary euiButton--small"
-              type="button"
+            <span
+              class="euiButtonContent euiButton__content"
             >
               <span
-                class="euiButtonContent euiButton__content"
+                class="euiButton__text"
               >
-                <span
-                  class="euiButton__text"
-                >
-                  Add samples
-                </span>
+                Add samples
               </span>
-            </button>
-          </div>
+            </span>
+          </button>
         </div>
-        <div
-          class="euiSpacer euiSpacer--xxl"
-        />
       </div>
+      <div
+        class="euiSpacer euiSpacer--xxl"
+      />
     </div>
   </div>
 </div>
@@ -1089,842 +1081,838 @@ exports[`Panels Table Component renders empty dashboard table container 1`] = `
 
 exports[`Panels Table Component renders empty panel table container2 1`] = `
 <div
-  style="float: left; width: 100%; max-width: 1130px;"
+  class="euiPage euiPage--paddingMedium euiPage--grow"
 >
   <div
-    class="euiPage euiPage--paddingMedium euiPage--grow"
+    class="euiPageBody euiPageBody--borderRadiusNone"
   >
-    <div
-      class="euiPageBody euiPageBody--borderRadiusNone"
+    <header
+      class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
     >
-      <header
-        class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+      <div
+        class="euiPageHeaderSection"
       >
         <div
-          class="euiPageHeaderSection"
+          class="euiText euiText--small"
         >
-          <div
-            class="euiText euiText--small"
-          >
-            <h1>
-              Observability dashboards
-            </h1>
-          </div>
+          <h1>
+            Observability dashboards
+          </h1>
         </div>
-      </header>
+      </div>
+    </header>
+    <div
+      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      id="customPanelArea"
+      role="main"
+    >
       <div
-        class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-        id="customPanelArea"
-        role="main"
+        class="euiPageContentHeader euiPageContentHeader--responsive"
       >
         <div
-          class="euiPageContentHeader euiPageContentHeader--responsive"
+          class="euiPageContentHeaderSection"
         >
-          <div
-            class="euiPageContentHeaderSection"
+          <h3
+            class="euiTitle euiTitle--small"
           >
-            <h3
-              class="euiTitle euiTitle--small"
+            Dashboard
+            <span
+              class="panel-header-count"
             >
-              Dashboard
-              <span
-                class="panel-header-count"
-              >
-                 (
-                4
-                )
-              </span>
-            </h3>
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
+               (
+              4
+              )
+            </span>
+          </h3>
+          <div
+            class="euiSpacer euiSpacer--s"
+          />
+          <div
+            class="euiText euiText--small"
+          >
             <div
-              class="euiText euiText--small"
+              class="euiTextColor euiTextColor--subdued"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
+              Use Observability Dashboard to create and view different visualizations on ingested observability data, using PPL (Piped Processing Language) queries.
+               
+              <a
+                class="euiLink euiLink--primary"
+                href="https://opensearch.org/docs/latest/observability-plugin/operational-panels/"
+                rel="noreferrer"
+                target="blank"
               >
-                Use Observability Dashboard to create and view different visualizations on ingested observability data, using PPL (Piped Processing Language) queries.
-                 
-                <a
-                  class="euiLink euiLink--primary"
-                  href="https://opensearch.org/docs/latest/observability-plugin/operational-panels/"
-                  rel="noreferrer"
-                  target="blank"
+                Learn more
+                <svg
+                  aria-label="External link"
+                  class="euiIcon euiIcon--small euiLink__externalIcon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Learn more
-                  <svg
-                    aria-label="External link"
-                    class="euiIcon euiIcon--small euiLink__externalIcon"
-                    focusable="false"
-                    height="16"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-                    />
-                  </svg>
-                </a>
-              </div>
+                  <path
+                    d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
+                  />
+                </svg>
+              </a>
             </div>
           </div>
+        </div>
+        <div
+          class="euiPageContentHeaderSection"
+        >
           <div
-            class="euiPageContentHeaderSection"
+            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem"
             >
               <div
-                class="euiFlexItem"
+                class="euiPopover euiPopover--anchorDownCenter"
               >
                 <div
-                  class="euiPopover euiPopover--anchorDownCenter"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="operationalPanelsActionsButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="operationalPanelsActionsButton"
-                      type="button"
-                    >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                        class="euiButton__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                            fill-rule="non-zero"
-                          />
-                        </svg>
-                        <span
-                          class="euiButton__text"
-                        >
-                          Actions
-                        </span>
+                        Actions
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
               </div>
-              <div
-                class="euiFlexItem"
+            </div>
+            <div
+              class="euiFlexItem"
+            >
+              <a
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                data-test-subj="customPanels__createNewPanels"
+                href="#/create"
+                rel="noreferrer"
               >
-                <a
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                  data-test-subj="customPanels__createNewPanels"
-                  href="#/create"
-                  rel="noreferrer"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create Dashboard
-                    </span>
+                    Create Dashboard
                   </span>
-                </a>
-              </div>
+                </span>
+              </a>
             </div>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+      >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+          class="euiFormControlLayout__childrenWrapper"
         >
+          <input
+            class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
+            data-test-subj="operationalPanelSearchBar"
+            placeholder="Search Observability Dashboard name"
+            type="search"
+            value=""
+          />
           <div
-            class="euiFormControlLayout__childrenWrapper"
+            class="euiFormControlLayoutIcons"
           >
-            <input
-              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-              data-test-subj="operationalPanelSearchBar"
-              placeholder="Search Observability Dashboard name"
-              type="search"
-              value=""
-            />
-            <div
-              class="euiFormControlLayoutIcons"
+            <span
+              class="euiFormControlLayoutCustomIcon"
             >
-              <span
-                class="euiFormControlLayoutCustomIcon"
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                  />
-                </svg>
-              </span>
-            </div>
+                <path
+                  d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                />
+              </svg>
+            </span>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
-        <div
-          class="euiBasicTable"
-        >
-          <div>
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiBasicTable"
+      >
+        <div>
+          <div
+            class="euiTableHeaderMobile"
+          >
             <div
-              class="euiTableHeaderMobile"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiCheckbox"
                 >
+                  <input
+                    aria-label="Select all rows"
+                    class="euiCheckbox__input"
+                    id="_selection_column-checkbox_random_html_id"
+                    type="checkbox"
+                  />
                   <div
-                    class="euiCheckbox"
+                    class="euiCheckbox__square"
+                  />
+                  <label
+                    class="euiCheckbox__label"
+                    for="_selection_column-checkbox_random_html_id"
                   >
-                    <input
-                      aria-label="Select all rows"
-                      class="euiCheckbox__input"
-                      id="_selection_column-checkbox_random_html_id"
-                      type="checkbox"
-                    />
-                    <div
-                      class="euiCheckbox__square"
-                    />
-                    <label
-                      class="euiCheckbox__label"
-                      for="_selection_column-checkbox_random_html_id"
-                    >
-                      Select all rows
-                    </label>
-                  </div>
+                    Select all rows
+                  </label>
                 </div>
+              </div>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiTableSortMobile"
                 >
                   <div
-                    class="euiTableSortMobile"
+                    class="euiPopover euiPopover--anchorDownRight"
                   >
                     <div
-                      class="euiPopover euiPopover--anchorDownRight"
+                      class="euiPopover__anchor"
                     >
-                      <div
-                        class="euiPopover__anchor"
+                      <button
+                        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                        type="button"
                       >
-                        <button
-                          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
-                          type="button"
+                        <span
+                          class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
                         >
+                          <svg
+                            aria-hidden="true"
+                            class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                            focusable="false"
+                            height="16"
+                            role="img"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                              fill-rule="non-zero"
+                            />
+                          </svg>
                           <span
-                            class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                            class="euiButtonEmpty__text"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                              focusable="false"
-                              height="16"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                fill-rule="non-zero"
-                              />
-                            </svg>
-                            <span
-                              class="euiButtonEmpty__text"
-                            >
-                              Sorting
-                            </span>
+                            Sorting
                           </span>
-                        </button>
-                      </div>
+                        </span>
+                      </button>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-            <table
-              class="euiTable euiTable--responsive euiTable--auto"
-              id="random_html_id"
-              tabindex="-1"
-            >
-              <caption
-                class="euiScreenReaderOnly euiTableCaption"
-              />
-              <thead>
-                <tr>
-                  <th
-                    class="euiTableHeaderCellCheckbox"
-                    scope="col"
+          </div>
+          <table
+            class="euiTable euiTable--responsive euiTable--auto"
+            id="random_html_id"
+            tabindex="-1"
+          >
+            <caption
+              class="euiScreenReaderOnly euiTableCaption"
+            />
+            <thead>
+              <tr>
+                <th
+                  class="euiTableHeaderCellCheckbox"
+                  scope="col"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select all rows"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectAll"
+                        id="_selection_column-checkbox_random_html_id"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select all rows"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectAll"
-                          id="_selection_column-checkbox_random_html_id"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="none"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_title_0"
-                    role="columnheader"
-                    scope="col"
+                  </div>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="none"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_title_0"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Name"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Name"
-                        >
-                          Name
-                        </span>
+                        Name
                       </span>
-                    </button>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="descending"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_dateModified_1"
-                    role="columnheader"
-                    scope="col"
+                    </span>
+                  </button>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="descending"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_dateModified_1"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton euiTableHeaderButton-isSorted"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton euiTableHeaderButton-isSorted"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Last updated"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Last updated"
-                        >
-                          Last updated
-                        </span>
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiTableSortIcon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M7 11.692V3.556C7 3.249 7.224 3 7.5 3s.5.249.5.556v8.136l4.096-4.096a.5.5 0 0 1 .707.707l-4.242 4.243a1.494 1.494 0 0 1-.925.433.454.454 0 0 1-.272 0 1.494 1.494 0 0 1-.925-.433L2.197 8.303a.5.5 0 1 1 .707-.707L7 11.692Z"
-                          />
-                        </svg>
+                        Last updated
                       </span>
-                    </button>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="none"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_dateCreated_2"
-                    role="columnheader"
-                    scope="col"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiTableSortIcon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 11.692V3.556C7 3.249 7.224 3 7.5 3s.5.249.5.556v8.136l4.096-4.096a.5.5 0 0 1 .707.707l-4.242 4.243a1.494 1.494 0 0 1-.925.433.454.454 0 0 1-.272 0 1.494 1.494 0 0 1-.925-.433L2.197 8.303a.5.5 0 1 1 .707-.707L7 11.692Z"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="none"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_dateCreated_2"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Created"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Created"
-                        >
-                          Created
-                        </span>
+                        Created
                       </span>
-                    </button>
-                  </th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    </span>
+                  </button>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-P8Qd4nwBDp0rvEg39HG_"
+                        id="_selection_column_P8Qd4nwBDp0rvEg39HG_-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-P8Qd4nwBDp0rvEg39HG_"
-                          id="_selection_column_P8Qd4nwBDp0rvEg39HG_-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/P8Qd4nwBDp0rvEg39HG_"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/P8Qd4nwBDp0rvEg39HG_"
+                      rel="noreferrer"
                     >
-                      11/04/2021 06:10 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/02/2021 07:26 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/04/2021 06:10 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/02/2021 07:26 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-b8Sc4nwBDp0rvEg3F3Fk"
+                        id="_selection_column_b8Sc4nwBDp0rvEg3F3Fk-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-b8Sc4nwBDp0rvEg3F3Fk"
-                          id="_selection_column_b8Sc4nwBDp0rvEg3F3Fk-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/b8Sc4nwBDp0rvEg3F3Fk"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/b8Sc4nwBDp0rvEg3F3Fk"
+                      rel="noreferrer"
                     >
-                      11/03/2021 10:51 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/02/2021 09:44 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 10:51 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/02/2021 09:44 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-lsQfznwBDp0rvEg3W2wH"
+                        id="_selection_column_lsQfznwBDp0rvEg3W2wH-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-lsQfznwBDp0rvEg3W2wH"
-                          id="_selection_column_lsQfznwBDp0rvEg3W2wH-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/lsQfznwBDp0rvEg3W2wH"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/lsQfznwBDp0rvEg3W2wH"
+                      rel="noreferrer"
                     >
-                      11/03/2021 10:37 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      10/29/2021 10:15 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 10:37 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    10/29/2021 10:15 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
-                    >
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                    >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-L8Sx53wBDp0rvEg3yoLb"
+                        id="_selection_column_L8Sx53wBDp0rvEg3yoLb-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-L8Sx53wBDp0rvEg3yoLb"
-                          id="_selection_column_L8Sx53wBDp0rvEg3yoLb-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="observability#/L8Sx53wBDp0rvEg3yoLb"
-                        rel="noreferrer"
-                      >
-                        Test Panel 1 Title
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="observability#/L8Sx53wBDp0rvEg3yoLb"
+                      rel="noreferrer"
                     >
-                      11/03/2021 09:26 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      Test Panel 1 Title
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      11/03/2021 09:26 PM
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-          <div>
-            <div
-              class="euiSpacer euiSpacer--m"
-            />
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 09:26 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    11/03/2021 09:26 PM
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+          >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+                class="euiPopover euiPopover--anchorUpRight"
               >
                 <div
-                  class="euiPopover euiPopover--anchorUpRight"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
+                    data-test-subj="tablePaginationPopoverButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
-                      data-test-subj="tablePaginationPopoverButton"
-                      type="button"
-                    >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                        class="euiButtonEmpty__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                            fill-rule="non-zero"
-                          />
-                        </svg>
-                        <span
-                          class="euiButtonEmpty__text"
-                        >
-                          Rows per page
-                          : 
-                          10
-                        </span>
+                        Rows per page
+                        : 
+                        10
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <nav
+                class="euiPagination"
               >
-                <nav
-                  class="euiPagination"
+                <button
+                  aria-label="Previous page"
+                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                  data-test-subj="pagination-button-previous"
+                  disabled=""
+                  type="button"
                 >
-                  <button
-                    aria-label="Previous page"
-                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
-                    data-test-subj="pagination-button-previous"
-                    disabled=""
-                    type="button"
+                  <svg
+                    aria-hidden="true"
+                    class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                    focusable="false"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M10.843 13.069 6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.552.552 0 0 0 0-.771.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0 .552.552 0 0 0 0-.771Z"
-                        fill-rule="nonzero"
-                      />
-                    </svg>
-                  </button>
-                  <ul
-                    class="euiPagination__list"
+                    <path
+                      d="M10.843 13.069 6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.552.552 0 0 0 0-.771.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0 .552.552 0 0 0 0-.771Z"
+                      fill-rule="nonzero"
+                    />
+                  </svg>
+                </button>
+                <ul
+                  class="euiPagination__list"
+                >
+                  <li
+                    class="euiPagination__item"
                   >
-                    <li
-                      class="euiPagination__item"
+                    <button
+                      aria-controls="random_html_id"
+                      aria-current="true"
+                      aria-label="Page 1 of 1"
+                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
+                      data-test-subj="pagination-button-0"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        aria-controls="random_html_id"
-                        aria-current="true"
-                        aria-label="Page 1 of 1"
-                        class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
-                        data-test-subj="pagination-button-0"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButtonEmpty__content"
                       >
                         <span
-                          class="euiButtonContent euiButtonEmpty__content"
+                          class="euiButtonEmpty__text"
                         >
-                          <span
-                            class="euiButtonEmpty__text"
-                          >
-                            1
-                          </span>
+                          1
                         </span>
-                      </button>
-                    </li>
-                  </ul>
-                  <button
-                    aria-label="Next page"
-                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
-                    data-test-subj="pagination-button-next"
-                    disabled=""
-                    type="button"
+                      </span>
+                    </button>
+                  </li>
+                </ul>
+                <button
+                  aria-label="Next page"
+                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                  data-test-subj="pagination-button-next"
+                  disabled=""
+                  type="button"
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                    focusable="false"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                        fill-rule="nonzero"
-                      />
-                    </svg>
-                  </button>
-                </nav>
-              </div>
+                    <path
+                      d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                      fill-rule="nonzero"
+                    />
+                  </svg>
+                </button>
+              </nav>
             </div>
           </div>
         </div>
diff --git a/public/components/custom_panels/custom_panel_table.tsx b/public/components/custom_panels/custom_panel_table.tsx
index 92b55a696..81a227395 100644
--- a/public/components/custom_panels/custom_panel_table.tsx
+++ b/public/components/custom_panels/custom_panel_table.tsx
@@ -46,7 +46,6 @@ import { UI_DATE_FORMAT } from '../../../common/constants/shared';
 import { getCustomModal } from './helpers/modal_containers';
 import { CustomPanelListType, CustomPanelType } from '../../../common/types/custom_panels';
 import { getSampleDataModal } from '../common/helpers/add_sample_modal';
-import { pageStyles } from '../../../common/constants/shared';
 import { DeleteModal } from '../common/helpers/delete_modal';
 import {
   createPanel,
@@ -337,7 +336,7 @@ export const CustomPanelTable = ({
   ] as Array<EuiTableFieldDataColumnType<CustomPanelListType>>;
 
   return (
-    <div style={pageStyles}>
+    <>
       <EuiPage>
         <EuiPageBody component="div">
           <EuiPageHeader>
@@ -465,6 +464,6 @@ export const CustomPanelTable = ({
         </EuiPageBody>
       </EuiPage>
       {isModalVisible && modalLayout}
-    </div>
+    </>
   );
 };
diff --git a/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap b/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap
index 508ac33e8..b67c38778 100644
--- a/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap
+++ b/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap
@@ -2,916 +2,912 @@
 
 exports[`<NoteTable /> spec renders the component 1`] = `
 <div
-  style="float: left; width: 100%; max-width: 1130px;"
+  class="euiPage euiPage--paddingMedium euiPage--grow"
 >
   <div
-    class="euiPage euiPage--paddingMedium euiPage--grow"
+    class="euiPageBody euiPageBody--borderRadiusNone"
   >
-    <div
-      class="euiPageBody euiPageBody--borderRadiusNone"
+    <header
+      class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
     >
-      <header
-        class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+      <div
+        class="euiPageHeaderSection"
       >
         <div
-          class="euiPageHeaderSection"
+          class="euiText euiText--small"
         >
-          <div
-            class="euiText euiText--small"
-          >
-            <h1>
-              Notebooks
-            </h1>
-          </div>
+          <h1>
+            Notebooks
+          </h1>
         </div>
-      </header>
+      </div>
+    </header>
+    <div
+      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      id="notebookArea"
+      role="main"
+    >
       <div
-        class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-        id="notebookArea"
-        role="main"
+        class="euiPageContentHeader euiPageContentHeader--responsive"
       >
         <div
-          class="euiPageContentHeader euiPageContentHeader--responsive"
+          class="euiPageContentHeaderSection"
         >
-          <div
-            class="euiPageContentHeaderSection"
+          <h3
+            class="euiTitle euiTitle--small"
+            data-test-subj="notebookTableTitle"
           >
-            <h3
-              class="euiTitle euiTitle--small"
-              data-test-subj="notebookTableTitle"
+            Notebooks
+            <span
+              class="panel-header-count"
             >
-              Notebooks
-              <span
-                class="panel-header-count"
-              >
-                 (
-                5
-                )
-              </span>
-            </h3>
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
+               (
+              5
+              )
+            </span>
+          </h3>
+          <div
+            class="euiSpacer euiSpacer--s"
+          />
+          <div
+            class="euiText euiText--small"
+            data-test-subj="notebookTableDescription"
+          >
             <div
-              class="euiText euiText--small"
-              data-test-subj="notebookTableDescription"
+              class="euiTextColor euiTextColor--subdued"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
+              Use Notebooks to interactively and collaboratively develop rich reports backed by live data. Common use cases for notebooks includes creating postmortem reports, designing run books, building live infrastructure reports, or even documentation.
+               
+              <a
+                class="euiLink euiLink--primary"
+                href="https://opensearch.org/docs/latest/observability-plugin/notebooks/"
+                rel="noreferrer"
+                target="blank"
               >
-                Use Notebooks to interactively and collaboratively develop rich reports backed by live data. Common use cases for notebooks includes creating postmortem reports, designing run books, building live infrastructure reports, or even documentation.
-                 
-                <a
-                  class="euiLink euiLink--primary"
-                  href="https://opensearch.org/docs/latest/observability-plugin/notebooks/"
-                  rel="noreferrer"
-                  target="blank"
+                Learn more
+                <svg
+                  aria-label="External link"
+                  class="euiIcon euiIcon--small euiLink__externalIcon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Learn more
-                  <svg
-                    aria-label="External link"
-                    class="euiIcon euiIcon--small euiLink__externalIcon"
-                    focusable="false"
-                    height="16"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-                    />
-                  </svg>
-                </a>
-              </div>
+                  <path
+                    d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
+                  />
+                </svg>
+              </a>
             </div>
           </div>
+        </div>
+        <div
+          class="euiPageContentHeaderSection"
+        >
           <div
-            class="euiPageContentHeaderSection"
+            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem"
             >
               <div
-                class="euiFlexItem"
+                class="euiPopover euiPopover--anchorDownCenter"
               >
                 <div
-                  class="euiPopover euiPopover--anchorDownCenter"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="notebookTableActionBtn"
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="notebookTableActionBtn"
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButton__content"
                     >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                        class="euiButton__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                            fill-rule="non-zero"
-                          />
-                        </svg>
-                        <span
-                          class="euiButton__text"
-                        >
-                          Actions
-                        </span>
+                        Actions
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
               </div>
-              <div
-                class="euiFlexItem"
+            </div>
+            <div
+              class="euiFlexItem"
+            >
+              <a
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                data-test-subj="createNotebookPrimaryBtn"
+                href="#/create"
+                rel="noreferrer"
               >
-                <a
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                  data-test-subj="createNotebookPrimaryBtn"
-                  href="#/create"
-                  rel="noreferrer"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create notebook
-                    </span>
+                    Create notebook
                   </span>
-                </a>
-              </div>
+                </span>
+              </a>
             </div>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+      >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+          class="euiFormControlLayout__childrenWrapper"
         >
+          <input
+            class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
+            placeholder="Search notebook name"
+            type="search"
+            value=""
+          />
           <div
-            class="euiFormControlLayout__childrenWrapper"
+            class="euiFormControlLayoutIcons"
           >
-            <input
-              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-              placeholder="Search notebook name"
-              type="search"
-              value=""
-            />
-            <div
-              class="euiFormControlLayoutIcons"
+            <span
+              class="euiFormControlLayoutCustomIcon"
             >
-              <span
-                class="euiFormControlLayoutCustomIcon"
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                  />
-                </svg>
-              </span>
-            </div>
+                <path
+                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                />
+              </svg>
+            </span>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
-        <div
-          class="euiBasicTable"
-        >
-          <div>
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiBasicTable"
+      >
+        <div>
+          <div
+            class="euiTableHeaderMobile"
+          >
             <div
-              class="euiTableHeaderMobile"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiCheckbox"
                 >
+                  <input
+                    aria-label="Select all rows"
+                    class="euiCheckbox__input"
+                    id="_selection_column-checkbox_random_html_id"
+                    type="checkbox"
+                  />
                   <div
-                    class="euiCheckbox"
+                    class="euiCheckbox__square"
+                  />
+                  <label
+                    class="euiCheckbox__label"
+                    for="_selection_column-checkbox_random_html_id"
                   >
-                    <input
-                      aria-label="Select all rows"
-                      class="euiCheckbox__input"
-                      id="_selection_column-checkbox_random_html_id"
-                      type="checkbox"
-                    />
-                    <div
-                      class="euiCheckbox__square"
-                    />
-                    <label
-                      class="euiCheckbox__label"
-                      for="_selection_column-checkbox_random_html_id"
-                    >
-                      Select all rows
-                    </label>
-                  </div>
+                    Select all rows
+                  </label>
                 </div>
+              </div>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiTableSortMobile"
                 >
                   <div
-                    class="euiTableSortMobile"
+                    class="euiPopover euiPopover--anchorDownRight"
                   >
                     <div
-                      class="euiPopover euiPopover--anchorDownRight"
+                      class="euiPopover__anchor"
                     >
-                      <div
-                        class="euiPopover__anchor"
+                      <button
+                        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                        type="button"
                       >
-                        <button
-                          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
-                          type="button"
+                        <span
+                          class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
                         >
+                          <svg
+                            aria-hidden="true"
+                            class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                            focusable="false"
+                            height="16"
+                            role="img"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                              fill-rule="non-zero"
+                            />
+                          </svg>
                           <span
-                            class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                            class="euiButtonEmpty__text"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                              focusable="false"
-                              height="16"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                fill-rule="non-zero"
-                              />
-                            </svg>
-                            <span
-                              class="euiButtonEmpty__text"
-                            >
-                              Sorting
-                            </span>
+                            Sorting
                           </span>
-                        </button>
-                      </div>
+                        </span>
+                      </button>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-            <table
-              class="euiTable euiTable--responsive euiTable--auto"
-              id="random_html_id"
-              tabindex="-1"
-            >
-              <caption
-                class="euiScreenReaderOnly euiTableCaption"
-              />
-              <thead>
-                <tr>
-                  <th
-                    class="euiTableHeaderCellCheckbox"
-                    scope="col"
+          </div>
+          <table
+            class="euiTable euiTable--responsive euiTable--auto"
+            id="random_html_id"
+            tabindex="-1"
+          >
+            <caption
+              class="euiScreenReaderOnly euiTableCaption"
+            />
+            <thead>
+              <tr>
+                <th
+                  class="euiTableHeaderCellCheckbox"
+                  scope="col"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
                     >
+                      <input
+                        aria-label="Select all rows"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectAll"
+                        id="_selection_column-checkbox_random_html_id"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select all rows"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectAll"
-                          id="_selection_column-checkbox_random_html_id"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="none"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_path_0"
-                    role="columnheader"
-                    scope="col"
+                  </div>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="none"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_path_0"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Name"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Name"
-                        >
-                          Name
-                        </span>
+                        Name
                       </span>
-                    </button>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="descending"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_dateModified_1"
-                    role="columnheader"
-                    scope="col"
+                    </span>
+                  </button>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="descending"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_dateModified_1"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton euiTableHeaderButton-isSorted"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton euiTableHeaderButton-isSorted"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Last updated"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Last updated"
-                        >
-                          Last updated
-                        </span>
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon-isLoading euiTableSortIcon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
+                        Last updated
                       </span>
-                    </button>
-                  </th>
-                  <th
-                    aria-live="polite"
-                    aria-sort="none"
-                    class="euiTableHeaderCell"
-                    data-test-subj="tableHeaderCell_dateCreated_2"
-                    role="columnheader"
-                    scope="col"
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon-isLoading euiTableSortIcon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </th>
+                <th
+                  aria-live="polite"
+                  aria-sort="none"
+                  class="euiTableHeaderCell"
+                  data-test-subj="tableHeaderCell_dateCreated_2"
+                  role="columnheader"
+                  scope="col"
+                >
+                  <button
+                    class="euiTableHeaderButton"
+                    data-test-subj="tableHeaderSortButton"
+                    type="button"
                   >
-                    <button
-                      class="euiTableHeaderButton"
-                      data-test-subj="tableHeaderSortButton"
-                      type="button"
+                    <span
+                      class="euiTableCellContent"
                     >
                       <span
-                        class="euiTableCellContent"
+                        class="euiTableCellContent__text"
+                        title="Created"
                       >
-                        <span
-                          class="euiTableCellContent__text"
-                          title="Created"
-                        >
-                          Created
-                        </span>
+                        Created
                       </span>
-                    </button>
-                  </th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    </span>
+                  </button>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
                     >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-id-0"
+                        id="_selection_column_id-0-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-id-0"
-                          id="_selection_column_id-0-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
-                  >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="#/id-0"
-                        rel="noreferrer"
-                      >
-                        path-0
-                      </a>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      01/02/2023 12:00 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="#/id-0"
+                      rel="noreferrer"
                     >
-                      01/01/2023 12:00 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                      path-0
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableCellContent"
-                    >
-                      <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-id-1"
-                          id="_selection_column_id-1-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="#/id-1"
-                        rel="noreferrer"
-                      >
-                        path-1
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    01/02/2023 12:00 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      01/02/2023 12:00 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      01/01/2023 12:00 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    01/01/2023 12:00 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
                     >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-id-1"
+                        id="_selection_column_id-1-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-id-2"
-                          id="_selection_column_id-2-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="#/id-2"
-                        rel="noreferrer"
-                      >
-                        path-2
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="#/id-1"
+                      rel="noreferrer"
                     >
-                      01/02/2023 12:00 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      path-1
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      01/01/2023 12:00 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/02/2023 12:00 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/01/2023 12:00 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
                     >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-id-2"
+                        id="_selection_column_id-2-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-id-3"
-                          id="_selection_column_id-3-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="#/id-3"
-                        rel="noreferrer"
-                      >
-                        path-3
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="#/id-2"
+                      rel="noreferrer"
                     >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      01/02/2023 12:00 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      path-2
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Created
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      01/01/2023 12:00 PM
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="euiTableRow euiTableRow-isSelectable"
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/02/2023 12:00 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/01/2023 12:00 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
                 >
-                  <td
-                    class="euiTableRowCellCheckbox"
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableCellContent"
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
                     >
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-id-3"
+                        id="_selection_column_id-3-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
                       <div
-                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
-                      >
-                        <input
-                          aria-label="Select this row"
-                          class="euiCheckbox__input"
-                          data-test-subj="checkboxSelectRow-id-4"
-                          id="_selection_column_id-4-checkbox"
-                          title="Select this row"
-                          type="checkbox"
-                        />
-                        <div
-                          class="euiCheckbox__square"
-                        />
-                      </div>
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
-                    >
-                      Name
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
-                    >
-                      <a
-                        class="euiLink euiLink--primary"
-                        href="#/id-4"
-                        rel="noreferrer"
-                      >
-                        path-4
-                      </a>
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
                   >
-                    <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="#/id-3"
+                      rel="noreferrer"
                     >
-                      Last updated
-                    </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
-                    >
-                      01/02/2023 12:00 PM
-                    </div>
-                  </td>
-                  <td
-                    class="euiTableRowCell"
+                      path-3
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/02/2023 12:00 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/01/2023 12:00 PM
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="euiTableRow euiTableRow-isSelectable"
+              >
+                <td
+                  class="euiTableRowCellCheckbox"
+                >
+                  <div
+                    class="euiTableCellContent"
                   >
                     <div
-                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                      class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
                     >
-                      Created
+                      <input
+                        aria-label="Select this row"
+                        class="euiCheckbox__input"
+                        data-test-subj="checkboxSelectRow-id-4"
+                        id="_selection_column_id-4-checkbox"
+                        title="Select this row"
+                        type="checkbox"
+                      />
+                      <div
+                        class="euiCheckbox__square"
+                      />
                     </div>
-                    <div
-                      class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Name
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
+                  >
+                    <a
+                      class="euiLink euiLink--primary"
+                      href="#/id-4"
+                      rel="noreferrer"
                     >
-                      01/01/2023 12:00 PM
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-          <div>
-            <div
-              class="euiSpacer euiSpacer--m"
-            />
+                      path-4
+                    </a>
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Last updated
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/02/2023 12:00 PM
+                  </div>
+                </td>
+                <td
+                  class="euiTableRowCell"
+                >
+                  <div
+                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                  >
+                    Created
+                  </div>
+                  <div
+                    class="euiTableCellContent euiTableCellContent--overflowingContent"
+                  >
+                    01/01/2023 12:00 PM
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+          >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+                class="euiPopover euiPopover--anchorUpRight"
               >
                 <div
-                  class="euiPopover euiPopover--anchorUpRight"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
+                    data-test-subj="tablePaginationPopoverButton"
+                    type="button"
                   >
-                    <button
-                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
-                      data-test-subj="tablePaginationPopoverButton"
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
                     >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                        class="euiButtonEmpty__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                            fill-rule="non-zero"
-                          />
-                        </svg>
-                        <span
-                          class="euiButtonEmpty__text"
-                        >
-                          Rows per page
-                          : 
-                          10
-                        </span>
+                        Rows per page
+                        : 
+                        10
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
+            </div>
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <nav
+                class="euiPagination"
               >
-                <nav
-                  class="euiPagination"
+                <button
+                  aria-label="Previous page"
+                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                  data-test-subj="pagination-button-previous"
+                  disabled=""
+                  type="button"
                 >
-                  <button
-                    aria-label="Previous page"
-                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
-                    data-test-subj="pagination-button-previous"
-                    disabled=""
-                    type="button"
+                  <svg
+                    aria-hidden="true"
+                    class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                    focusable="false"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                      />
-                    </svg>
-                  </button>
-                  <ul
-                    class="euiPagination__list"
+                    <path
+                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                    />
+                  </svg>
+                </button>
+                <ul
+                  class="euiPagination__list"
+                >
+                  <li
+                    class="euiPagination__item"
                   >
-                    <li
-                      class="euiPagination__item"
+                    <button
+                      aria-controls="random_html_id"
+                      aria-current="true"
+                      aria-label="Page 1 of 1"
+                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
+                      data-test-subj="pagination-button-0"
+                      disabled=""
+                      type="button"
                     >
-                      <button
-                        aria-controls="random_html_id"
-                        aria-current="true"
-                        aria-label="Page 1 of 1"
-                        class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
-                        data-test-subj="pagination-button-0"
-                        disabled=""
-                        type="button"
+                      <span
+                        class="euiButtonContent euiButtonEmpty__content"
                       >
                         <span
-                          class="euiButtonContent euiButtonEmpty__content"
+                          class="euiButtonEmpty__text"
                         >
-                          <span
-                            class="euiButtonEmpty__text"
-                          >
-                            1
-                          </span>
+                          1
                         </span>
-                      </button>
-                    </li>
-                  </ul>
-                  <button
-                    aria-label="Next page"
-                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
-                    data-test-subj="pagination-button-next"
-                    disabled=""
-                    type="button"
+                      </span>
+                    </button>
+                  </li>
+                </ul>
+                <button
+                  aria-label="Next page"
+                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                  data-test-subj="pagination-button-next"
+                  disabled=""
+                  type="button"
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                    focusable="false"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                      />
-                    </svg>
-                  </button>
-                </nav>
-              </div>
+                    <path
+                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                    />
+                  </svg>
+                </button>
+              </nav>
             </div>
           </div>
         </div>
@@ -923,243 +919,239 @@ exports[`<NoteTable /> spec renders the component 1`] = `
 
 exports[`<NoteTable /> spec renders the empty component 1`] = `
 <div
-  style="float: left; width: 100%; max-width: 1130px;"
+  class="euiPage euiPage--paddingMedium euiPage--grow"
 >
   <div
-    class="euiPage euiPage--paddingMedium euiPage--grow"
+    class="euiPageBody euiPageBody--borderRadiusNone"
   >
-    <div
-      class="euiPageBody euiPageBody--borderRadiusNone"
+    <header
+      class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
     >
-      <header
-        class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+      <div
+        class="euiPageHeaderSection"
       >
         <div
-          class="euiPageHeaderSection"
+          class="euiText euiText--small"
         >
-          <div
-            class="euiText euiText--small"
-          >
-            <h1>
-              Notebooks
-            </h1>
-          </div>
+          <h1>
+            Notebooks
+          </h1>
         </div>
-      </header>
+      </div>
+    </header>
+    <div
+      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      id="notebookArea"
+      role="main"
+    >
       <div
-        class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-        id="notebookArea"
-        role="main"
+        class="euiPageContentHeader euiPageContentHeader--responsive"
       >
         <div
-          class="euiPageContentHeader euiPageContentHeader--responsive"
+          class="euiPageContentHeaderSection"
         >
-          <div
-            class="euiPageContentHeaderSection"
+          <h3
+            class="euiTitle euiTitle--small"
+            data-test-subj="notebookTableTitle"
           >
-            <h3
-              class="euiTitle euiTitle--small"
-              data-test-subj="notebookTableTitle"
+            Notebooks
+            <span
+              class="panel-header-count"
             >
-              Notebooks
-              <span
-                class="panel-header-count"
-              >
-                 (
-                0
-                )
-              </span>
-            </h3>
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
+               (
+              0
+              )
+            </span>
+          </h3>
+          <div
+            class="euiSpacer euiSpacer--s"
+          />
+          <div
+            class="euiText euiText--small"
+            data-test-subj="notebookTableDescription"
+          >
             <div
-              class="euiText euiText--small"
-              data-test-subj="notebookTableDescription"
+              class="euiTextColor euiTextColor--subdued"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
+              Use Notebooks to interactively and collaboratively develop rich reports backed by live data. Common use cases for notebooks includes creating postmortem reports, designing run books, building live infrastructure reports, or even documentation.
+               
+              <a
+                class="euiLink euiLink--primary"
+                href="https://opensearch.org/docs/latest/observability-plugin/notebooks/"
+                rel="noreferrer"
+                target="blank"
               >
-                Use Notebooks to interactively and collaboratively develop rich reports backed by live data. Common use cases for notebooks includes creating postmortem reports, designing run books, building live infrastructure reports, or even documentation.
-                 
-                <a
-                  class="euiLink euiLink--primary"
-                  href="https://opensearch.org/docs/latest/observability-plugin/notebooks/"
-                  rel="noreferrer"
-                  target="blank"
+                Learn more
+                <svg
+                  aria-hidden="true"
+                  aria-label="External link"
+                  class="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Learn more
-                  <svg
-                    aria-hidden="true"
-                    aria-label="External link"
-                    class="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                    focusable="false"
-                    height="16"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                    />
-                  </svg>
-                </a>
-              </div>
+                  <path
+                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  />
+                </svg>
+              </a>
             </div>
           </div>
+        </div>
+        <div
+          class="euiPageContentHeaderSection"
+        >
           <div
-            class="euiPageContentHeaderSection"
+            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem"
             >
               <div
-                class="euiFlexItem"
+                class="euiPopover euiPopover--anchorDownCenter"
               >
                 <div
-                  class="euiPopover euiPopover--anchorDownCenter"
+                  class="euiPopover__anchor"
                 >
-                  <div
-                    class="euiPopover__anchor"
+                  <button
+                    class="euiButton euiButton--primary euiButton--small"
+                    data-test-subj="notebookTableActionBtn"
+                    type="button"
                   >
-                    <button
-                      class="euiButton euiButton--primary euiButton--small"
-                      data-test-subj="notebookTableActionBtn"
-                      type="button"
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButton__content"
                     >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                        />
+                      </svg>
                       <span
-                        class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                        class="euiButton__text"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                          focusable="false"
-                          height="16"
-                          role="img"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
-                        <span
-                          class="euiButton__text"
-                        >
-                          Actions
-                        </span>
+                        Actions
                       </span>
-                    </button>
-                  </div>
+                    </span>
+                  </button>
                 </div>
               </div>
-              <div
-                class="euiFlexItem"
+            </div>
+            <div
+              class="euiFlexItem"
+            >
+              <a
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                data-test-subj="createNotebookPrimaryBtn"
+                href="#/create"
+                rel="noreferrer"
               >
-                <a
-                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                  data-test-subj="createNotebookPrimaryBtn"
-                  href="#/create"
-                  rel="noreferrer"
+                <span
+                  class="euiButtonContent euiButton__content"
                 >
                   <span
-                    class="euiButtonContent euiButton__content"
+                    class="euiButton__text"
                   >
-                    <span
-                      class="euiButton__text"
-                    >
-                      Create notebook
-                    </span>
+                    Create notebook
                   </span>
-                </a>
-              </div>
+                </span>
+              </a>
             </div>
           </div>
         </div>
-        <hr
-          class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-        />
-        <div
-          class="euiSpacer euiSpacer--xxl"
-        />
+      </div>
+      <hr
+        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+      />
+      <div
+        class="euiSpacer euiSpacer--xxl"
+      />
+      <div
+        class="euiText euiText--medium"
+        data-test-subj="notebookEmptyTableText"
+      >
         <div
-          class="euiText euiText--medium"
-          data-test-subj="notebookEmptyTableText"
+          class="euiTextAlign euiTextAlign--center"
         >
+          <h2>
+            No notebooks
+          </h2>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
           <div
-            class="euiTextAlign euiTextAlign--center"
+            class="euiText euiText--small"
           >
-            <h2>
-              No notebooks
-            </h2>
-            <div
-              class="euiSpacer euiSpacer--m"
-            />
             <div
-              class="euiText euiText--small"
+              class="euiTextColor euiTextColor--subdued"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
-              >
-                Use notebooks to create post-mortem reports, build live infrastructure
-                <br />
-                reports, or foster explorative collaborations with data.
-              </div>
+              Use notebooks to create post-mortem reports, build live infrastructure
+              <br />
+              reports, or foster explorative collaborations with data.
             </div>
           </div>
         </div>
+      </div>
+      <div
+        class="euiSpacer euiSpacer--m"
+      />
+      <div
+        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+      >
         <div
-          class="euiSpacer euiSpacer--m"
-        />
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+          class="euiFlexItem euiFlexItem--flexGrowZero"
         >
-          <div
-            class="euiFlexItem euiFlexItem--flexGrowZero"
+          <a
+            class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="notebookEmptyTableCreateBtn"
+            href="#/create"
+            rel="noreferrer"
           >
-            <a
-              class="euiButton euiButton--primary euiButton--small"
-              data-test-subj="notebookEmptyTableCreateBtn"
-              href="#/create"
-              rel="noreferrer"
+            <span
+              class="euiButtonContent euiButton__content"
             >
               <span
-                class="euiButtonContent euiButton__content"
+                class="euiButton__text"
               >
-                <span
-                  class="euiButton__text"
-                >
-                  Create notebook
-                </span>
+                Create notebook
               </span>
-            </a>
-          </div>
-          <div
-            class="euiFlexItem euiFlexItem--flexGrowZero"
+            </span>
+          </a>
+        </div>
+        <div
+          class="euiFlexItem euiFlexItem--flexGrowZero"
+        >
+          <button
+            class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="notebookEmptyTableAddSamplesBtn"
+            type="button"
           >
-            <button
-              class="euiButton euiButton--primary euiButton--small"
-              data-test-subj="notebookEmptyTableAddSamplesBtn"
-              type="button"
+            <span
+              class="euiButtonContent euiButton__content"
             >
               <span
-                class="euiButtonContent euiButton__content"
+                class="euiButton__text"
               >
-                <span
-                  class="euiButton__text"
-                >
-                  Add samples
-                </span>
+                Add samples
               </span>
-            </button>
-          </div>
+            </span>
+          </button>
         </div>
-        <div
-          class="euiSpacer euiSpacer--xxl"
-        />
       </div>
+      <div
+        class="euiSpacer euiSpacer--xxl"
+      />
     </div>
   </div>
 </div>
diff --git a/public/components/notebooks/components/note_table.tsx b/public/components/notebooks/components/note_table.tsx
index e677ddd20..8dc7cf0a6 100644
--- a/public/components/notebooks/components/note_table.tsx
+++ b/public/components/notebooks/components/note_table.tsx
@@ -36,7 +36,7 @@ import {
   CREATE_NOTE_MESSAGE,
   NOTEBOOKS_DOCUMENTATION_URL,
 } from '../../../../common/constants/notebooks';
-import { UI_DATE_FORMAT, pageStyles } from '../../../../common/constants/shared';
+import { UI_DATE_FORMAT } from '../../../../common/constants/shared';
 import {
   DeleteNotebookModal,
   getCustomModal,
@@ -229,7 +229,7 @@ export function NoteTable({
   >;
 
   return (
-    <div style={pageStyles}>
+    <>
       <EuiPage>
         <EuiPageBody component="div">
           <EuiPageHeader>
@@ -356,6 +356,6 @@ export function NoteTable({
         </EuiPageBody>
       </EuiPage>
       {isModalVisible && modalLayout}
-    </div>
+    </>
   );
 }
diff --git a/public/components/trace_analytics/components/common/__tests__/__snapshots__/search_bar.test.tsx.snap b/public/components/trace_analytics/components/common/__tests__/__snapshots__/search_bar.test.tsx.snap
index 436fcee4d..394090720 100644
--- a/public/components/trace_analytics/components/common/__tests__/__snapshots__/search_bar.test.tsx.snap
+++ b/public/components/trace_analytics/components/common/__tests__/__snapshots__/search_bar.test.tsx.snap
@@ -400,10 +400,11 @@ exports[`Search bar components renders search bar 1`] = `
   startTime="now-5m"
 >
   <EuiFlexGroup
+    alignItems="center"
     gutterSize="s"
   >
     <div
-      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
     >
       <EuiFlexItem>
         <div
@@ -419,6 +420,12 @@ exports[`Search bar components renders search bar 1`] = `
             onChange={[Function]}
             onSearch={[MockFunction]}
             placeholder="Trace ID, trace group name, service name"
+            prepend={
+              <GlobalFilterButton
+                filters={Array []}
+                setFilters={[MockFunction]}
+              />
+            }
             value="test"
           >
             <EuiFormControlLayout
@@ -426,16 +433,112 @@ exports[`Search bar components renders search bar 1`] = `
               fullWidth={true}
               icon="search"
               isLoading={false}
+              prepend={
+                <GlobalFilterButton
+                  filters={Array []}
+                  setFilters={[MockFunction]}
+                />
+              }
             >
               <div
-                className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+                className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed euiFormControlLayout--group"
               >
+                <GlobalFilterButton
+                  className="euiFormControlLayout__prepend"
+                  filters={Array []}
+                  key="0/.0"
+                  setFilters={[MockFunction]}
+                >
+                  <EuiPopover
+                    anchorPosition="rightUp"
+                    button={
+                      <EuiSmallButtonIcon
+                        aria-label="Change all filters"
+                        iconType="filter"
+                        onClick={[Function]}
+                        title="Change all filters"
+                      />
+                    }
+                    closePopover={[Function]}
+                    data-test-subj="global-filter-button"
+                    display="inlineBlock"
+                    hasArrow={true}
+                    isOpen={false}
+                    ownFocus={true}
+                    panelPaddingSize="none"
+                  >
+                    <div
+                      className="euiPopover euiPopover--anchorRightUp"
+                      data-test-subj="global-filter-button"
+                    >
+                      <div
+                        className="euiPopover__anchor"
+                      >
+                        <EuiSmallButtonIcon
+                          aria-label="Change all filters"
+                          iconType="filter"
+                          onClick={[Function]}
+                          title="Change all filters"
+                        >
+                          <EuiButtonIcon
+                            aria-label="Change all filters"
+                            iconType="filter"
+                            onClick={[Function]}
+                            size="s"
+                            title="Change all filters"
+                          >
+                            <button
+                              aria-label="Change all filters"
+                              className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
+                              disabled={false}
+                              onClick={[Function]}
+                              title="Change all filters"
+                              type="button"
+                            >
+                              <EuiIcon
+                                aria-hidden="true"
+                                className="euiButtonIcon__icon"
+                                color="inherit"
+                                size="m"
+                                type="filter"
+                              >
+                                <EuiIconBeaker
+                                  aria-hidden={true}
+                                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                  focusable="false"
+                                  role="img"
+                                  style={null}
+                                >
+                                  <svg
+                                    aria-hidden={true}
+                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                    focusable="false"
+                                    height={16}
+                                    role="img"
+                                    style={null}
+                                    viewBox="0 0 16 16"
+                                    width={16}
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                    />
+                                  </svg>
+                                </EuiIconBeaker>
+                              </EuiIcon>
+                            </button>
+                          </EuiButtonIcon>
+                        </EuiSmallButtonIcon>
+                      </div>
+                    </div>
+                  </EuiPopover>
+                </GlobalFilterButton>
                 <div
                   className="euiFormControlLayout__childrenWrapper"
                 >
                   <EuiValidatableControl>
                     <input
-                      className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
+                      className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch--inGroup"
                       data-test-subj="search-bar-input-box"
                       onChange={[Function]}
                       onKeyUp={[Function]}
@@ -503,7 +606,7 @@ exports[`Search bar components renders search bar 1`] = `
         grow={false}
         style={
           Object {
-            "maxWidth": "40vw",
+            "maxWidth": "30vw",
           }
         }
       >
@@ -511,7 +614,7 @@ exports[`Search bar components renders search bar 1`] = `
           className="euiFlexItem euiFlexItem--flexGrowZero"
           style={
             Object {
-              "maxWidth": "40vw",
+              "maxWidth": "30vw",
             }
           }
         >
@@ -560,8 +663,8 @@ exports[`Search bar components renders search bar 1`] = `
                 },
               ]
             }
-            compressed={false}
-            dateFormat=""
+            compressed={true}
+            dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
             end="now"
             isAutoRefreshOnly={false}
             isDisabled={false}
@@ -587,7 +690,7 @@ exports[`Search bar components renders search bar 1`] = `
                   >
                     <EuiFormControlLayout
                       className="euiSuperDatePicker"
-                      compressed={false}
+                      compressed={true}
                       isDisabled={false}
                       prepend={
                         <EuiQuickSelectPopover
@@ -636,7 +739,7 @@ exports[`Search bar components renders search bar 1`] = `
                               },
                             ]
                           }
-                          dateFormat=""
+                          dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
                           end="now"
                           isAutoRefreshOnly={false}
                           isDisabled={false}
@@ -648,7 +751,7 @@ exports[`Search bar components renders search bar 1`] = `
                       }
                     >
                       <div
-                        className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                        className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                       >
                         <EuiQuickSelectPopover
                           applyTime={[Function]}
@@ -697,7 +800,7 @@ exports[`Search bar components renders search bar 1`] = `
                               },
                             ]
                           }
-                          dateFormat=""
+                          dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
                           end="now"
                           isAutoRefreshOnly={false}
                           isDisabled={false}
@@ -867,7 +970,7 @@ exports[`Search bar components renders search bar 1`] = `
                               className="euiDatePickerRange euiDatePickerRange--inGroup"
                             >
                               <button
-                                className="euiSuperDatePicker__prettyFormat"
+                                className="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
                                 data-test-subj="superDatePickerShowDatesButton"
                                 disabled={false}
                                 onClick={[Function]}
@@ -887,7 +990,7 @@ exports[`Search bar components renders search bar 1`] = `
                             </div>
                           </EuiDatePickerRange>
                           <EuiFormControlLayoutIcons
-                            compressed={false}
+                            compressed={true}
                           />
                         </div>
                       </div>
@@ -905,43 +1008,37 @@ exports[`Search bar components renders search bar 1`] = `
         <div
           className="euiFlexItem euiFlexItem--flexGrowZero"
         >
-          <EuiSmallButton
+          <EuiButtonIcon
+            aria-label="Refresh"
             data-click-metric-element="trace_analytics.refresh_button"
             data-test-subj="superDatePickerApplyTimeButton"
+            display="base"
             iconType="refresh"
             onClick={[Function]}
+            size="s"
           >
-            <EuiButton
+            <button
+              aria-label="Refresh"
+              className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--small"
               data-click-metric-element="trace_analytics.refresh_button"
               data-test-subj="superDatePickerApplyTimeButton"
-              iconType="refresh"
+              disabled={false}
               onClick={[Function]}
-              size="s"
+              type="button"
             >
-              <EuiButtonDisplay
-                baseClassName="euiButton"
-                data-click-metric-element="trace_analytics.refresh_button"
-                data-test-subj="superDatePickerApplyTimeButton"
-                disabled={false}
-                element="button"
-                iconType="refresh"
-                isDisabled={false}
-                onClick={[Function]}
-                size="s"
-                type="button"
+              <EuiIcon
+                aria-hidden="true"
+                className="euiButtonIcon__icon"
+                color="inherit"
+                size="m"
+                type="refresh"
               >
-                <button
-                  className="euiButton euiButton--primary euiButton--small"
-                  data-click-metric-element="trace_analytics.refresh_button"
-                  data-test-subj="superDatePickerApplyTimeButton"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "minWidth": undefined,
-                    }
-                  }
-                  type="button"
+                <EuiIconBeaker
+                  aria-hidden={true}
+                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                  focusable="false"
+                  role="img"
+                  style={null}
                 >
                   <EuiButtonContent
                     className="euiButton__content"
@@ -953,51 +1050,25 @@ exports[`Search bar components renders search bar 1`] = `
                         "className": "euiButton__text",
                       }
                     }
+                  <svg
+                    aria-hidden={true}
+                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                    focusable="false"
+                    height={16}
+                    role="img"
+                    style={null}
+                    viewBox="0 0 16 16"
+                    width={16}
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <span
-                      className="euiButtonContent euiButton__content"
-                    >
-                      <EuiIcon
-                        className="euiButtonContent__icon"
-                        color="inherit"
-                        size="m"
-                        type="refresh"
-                      >
-                        <EuiIconBeaker
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                            />
-                          </svg>
-                        </EuiIconBeaker>
-                      </EuiIcon>
-                      <span
-                        className="euiButton__text"
-                      >
-                        Refresh
-                      </span>
-                    </span>
-                  </EuiButtonContent>
-                </button>
-              </EuiButtonDisplay>
-            </EuiButton>
-          </EuiSmallButton>
+                    <path
+                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                    />
+                  </svg>
+                </EuiIconBeaker>
+              </EuiIcon>
+            </button>
+          </EuiButtonIcon>
         </div>
       </EuiFlexItem>
     </div>
@@ -1207,4 +1278,4 @@ exports[`Search bar components renders search bar 1`] = `
     </EuiFlexGroup>
   </Filters>
 </ForwardRef>
-`;
+`;
\ No newline at end of file
diff --git a/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap b/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap
index 9fac002bb..34565e988 100644
--- a/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap
+++ b/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap
@@ -11,115 +11,10 @@ exports[`Filter component renders filters 1`] = `
     alignItems="center"
     gutterSize="xs"
     responsive={false}
-    style={
-      Object {
-        "minHeight": 32,
-      }
-    }
   >
     <div
       className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
-      style={
-        Object {
-          "minHeight": 32,
-        }
-      }
     >
-      <EuiFlexItem
-        grow={false}
-      >
-        <div
-          className="euiFlexItem euiFlexItem--flexGrowZero"
-        >
-          <GlobalFilterButton>
-            <EuiPopover
-              anchorPosition="rightUp"
-              button={
-                <EuiSmallButtonIcon
-                  aria-label="Change all filters"
-                  iconType="filter"
-                  onClick={[Function]}
-                  title="Change all filters"
-                />
-              }
-              closePopover={[Function]}
-              data-test-subj="global-filter-button"
-              display="inlineBlock"
-              hasArrow={true}
-              isOpen={false}
-              ownFocus={true}
-              panelPaddingSize="none"
-              withTitle={true}
-            >
-              <div
-                className="euiPopover euiPopover--anchorRightUp"
-                data-test-subj="global-filter-button"
-                withTitle={true}
-              >
-                <div
-                  className="euiPopover__anchor"
-                >
-                  <EuiSmallButtonIcon
-                    aria-label="Change all filters"
-                    iconType="filter"
-                    onClick={[Function]}
-                    title="Change all filters"
-                  >
-                    <EuiButtonIcon
-                      aria-label="Change all filters"
-                      iconType="filter"
-                      onClick={[Function]}
-                      size="s"
-                      title="Change all filters"
-                    >
-                      <button
-                        aria-label="Change all filters"
-                        className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
-                        disabled={false}
-                        onClick={[Function]}
-                        title="Change all filters"
-                        type="button"
-                      >
-                        <EuiIcon
-                          aria-hidden="true"
-                          className="euiButtonIcon__icon"
-                          color="inherit"
-                          size="m"
-                          type="filter"
-                        >
-                          <EuiIconBeaker
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            role="img"
-                            style={null}
-                          >
-                            <svg
-                              aria-hidden={true}
-                              className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                              focusable="false"
-                              height={16}
-                              role="img"
-                              style={null}
-                              viewBox="0 0 16 16"
-                              width={16}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                              />
-                            </svg>
-                          </EuiIconBeaker>
-                        </EuiIcon>
-                      </button>
-                    </EuiButtonIcon>
-                  </EuiSmallButtonIcon>
-                </div>
-              </div>
-            </EuiPopover>
-          </GlobalFilterButton>
-        </div>
-      </EuiFlexItem>
       <EuiFlexItem
         grow={false}
       >
@@ -131,6 +26,7 @@ exports[`Filter component renders filters 1`] = `
               anchorPosition="downLeft"
               button={
                 <EuiButtonEmpty
+                  flush="left"
                   onClick={[Function]}
                   size="xs"
                 >
@@ -144,22 +40,21 @@ exports[`Filter component renders filters 1`] = `
               isOpen={false}
               ownFocus={true}
               panelPaddingSize="m"
-              withTitle={true}
             >
               <div
                 className="euiPopover euiPopover--anchorDownLeft"
                 data-test-subj="addfilter"
-                withTitle={true}
               >
                 <div
                   className="euiPopover__anchor"
                 >
                   <EuiButtonEmpty
+                    flush="left"
                     onClick={[Function]}
                     size="xs"
                   >
                     <button
-                      className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+                      className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
                       disabled={false}
                       onClick={[Function]}
                       type="button"
diff --git a/public/components/trace_analytics/components/common/filters/filters.tsx b/public/components/trace_analytics/components/common/filters/filters.tsx
index 5d2a82922..52122b34f 100644
--- a/public/components/trace_analytics/components/common/filters/filters.tsx
+++ b/public/components/trace_analytics/components/common/filters/filters.tsx
@@ -65,75 +65,6 @@ export function Filters(props: FiltersOwnProps) {
     [props.page, props.mode, props.attributesFilterFields]
   );
 
-  const globalPopoverPanels = [
-    {
-      id: 0,
-      title: 'Change all filters',
-      items: [
-        {
-          name: 'Enable all',
-          icon: <EuiIcon type="eye" size="m" />,
-          onClick: () => {
-            props.setFilters(
-              props.filters.map((filter) => ({
-                ...filter,
-                disabled: filter.locked ? filter.disabled : false,
-              }))
-            );
-          },
-        },
-        {
-          name: 'Disable all',
-          icon: <EuiIcon type="eyeClosed" size="m" />,
-          onClick: () => {
-            props.setFilters(
-              props.filters.map((filter) => ({
-                ...filter,
-                disabled: filter.locked ? filter.disabled : true,
-              }))
-            );
-          },
-        },
-        {
-          name: 'Invert inclusion',
-          icon: <EuiIcon type="invert" size="m" />,
-          onClick: () => {
-            props.setFilters(
-              // if filter.custom.query exists, it's a customized filter and "inverted" is alwasy false
-              props.filters.map((filter) => ({
-                ...filter,
-                inverted: filter.locked
-                  ? filter.inverted
-                  : filter.custom?.query
-                  ? false
-                  : !filter.inverted,
-              }))
-            );
-          },
-        },
-        {
-          name: 'Invert enabled/disabled',
-          icon: <EuiIcon type="eye" size="m" />,
-          onClick: () => {
-            props.setFilters(
-              props.filters.map((filter) => ({
-                ...filter,
-                disabled: filter.locked ? filter.disabled : !filter.disabled,
-              }))
-            );
-          },
-        },
-        {
-          name: 'Remove all',
-          icon: <EuiIcon type="trash" size="m" />,
-          onClick: () => {
-            props.setFilters([]);
-          },
-        },
-      ],
-    },
-  ];
-
   const getFilterPopoverPanels = (
     filter: FilterType,
     index: number,
@@ -191,35 +122,12 @@ export function Filters(props: FiltersOwnProps) {
     },
   ];
 
-  const GlobalFilterButton = () => {
-    const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-    return (
-      <EuiPopover
-        isOpen={isPopoverOpen}
-        closePopover={() => setIsPopoverOpen(false)}
-        button={
-          <EuiSmallButtonIcon
-            onClick={() => setIsPopoverOpen(true)}
-            iconType="filter"
-            title="Change all filters"
-            aria-label="Change all filters"
-          />
-        }
-        anchorPosition="rightUp"
-        panelPaddingSize="none"
-        withTitle
-        data-test-subj="global-filter-button"
-      >
-        <EuiContextMenu initialPanelId={0} panels={globalPopoverPanels} size="s" />
-      </EuiPopover>
-    );
-  };
-
   const AddFilterButton = () => {
     const [isPopoverOpen, setIsPopoverOpen] = useState(false);
     const button = (
       <EuiButtonEmpty
         size="xs"
+        flush="left"
         onClick={() => {
           setIsPopoverOpen(true);
         }}
@@ -235,7 +143,6 @@ export function Filters(props: FiltersOwnProps) {
         closePopover={() => setIsPopoverOpen(false)}
         anchorPosition="downLeft"
         data-test-subj="addfilter"
-        withTitle
       >
         <EuiPopoverTitle>{'Add filter'}</EuiPopoverTitle>
         <FilterEditPopover
@@ -318,10 +225,7 @@ export function Filters(props: FiltersOwnProps) {
   const filterComponents = useMemo(() => renderFilters(), [props.filters]);
 
   return (
-    <EuiFlexGroup gutterSize="xs" alignItems="center" responsive={false} style={{ minHeight: 32 }}>
-      <EuiFlexItem grow={false}>
-        <GlobalFilterButton />
-      </EuiFlexItem>
+    <EuiFlexGroup gutterSize="xs" alignItems="center" responsive={false}>
       {filterComponents}
       <EuiFlexItem grow={false}>
         <AddFilterButton />
@@ -329,3 +233,104 @@ export function Filters(props: FiltersOwnProps) {
     </EuiFlexGroup>
   );
 }
+
+export const GlobalFilterButton = ({ filters, setFilters }) => {
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+
+  const togglePopover = () => {
+    setIsPopoverOpen(!isPopoverOpen);
+  };
+
+  const globalPopoverPanels = [
+    {
+      id: 0,
+      title: 'Change all filters',
+      items: [
+        {
+          name: 'Enable all',
+          icon: <EuiIcon type="eye" size="m" />,
+          onClick: () => {
+            setFilters(
+              filters.map((filter) => ({
+                ...filter,
+                disabled: filter.locked ? filter.disabled : false,
+              }))
+            );
+            togglePopover();
+          },
+        },
+        {
+          name: 'Disable all',
+          icon: <EuiIcon type="eyeClosed" size="m" />,
+          onClick: () => {
+            setFilters(
+              filters.map((filter) => ({
+                ...filter,
+                disabled: filter.locked ? filter.disabled : true,
+              }))
+            );
+            togglePopover();
+          },
+        },
+        {
+          name: 'Invert inclusion',
+          icon: <EuiIcon type="invert" size="m" />,
+          onClick: () => {
+            setFilters(
+              filters.map((filter) => ({
+                ...filter,
+                inverted: filter.locked
+                  ? filter.inverted
+                  : filter.custom?.query
+                  ? false
+                  : !filter.inverted,
+              }))
+            );
+            togglePopover();
+          },
+        },
+        {
+          name: 'Invert enabled/disabled',
+          icon: <EuiIcon type="eye" size="m" />,
+          onClick: () => {
+            setFilters(
+              filters.map((filter) => ({
+                ...filter,
+                disabled: filter.locked ? filter.disabled : !filter.disabled,
+              }))
+            );
+            togglePopover();
+          },
+        },
+        {
+          name: 'Remove all',
+          icon: <EuiIcon type="trash" size="m" />,
+          onClick: () => {
+            setFilters([]);
+            togglePopover();
+          },
+        },
+      ],
+    },
+  ];
+
+  return (
+    <EuiPopover
+      isOpen={isPopoverOpen}
+      closePopover={() => setIsPopoverOpen(false)}
+      button={
+        <EuiSmallButtonIcon
+          onClick={togglePopover}
+          iconType="filter"
+          title="Change all filters"
+          aria-label="Change all filters"
+        />
+      }
+      anchorPosition="rightUp"
+      panelPaddingSize="none"
+      data-test-subj="global-filter-button"
+    >
+      <EuiContextMenu initialPanelId={0} panels={globalPopoverPanels} size="s" />
+    </EuiPopover>
+  );
+};
diff --git a/public/components/trace_analytics/components/common/plots/service_map.tsx b/public/components/trace_analytics/components/common/plots/service_map.tsx
index 7e2dc2d2a..bfa5f18cd 100644
--- a/public/components/trace_analytics/components/common/plots/service_map.tsx
+++ b/public/components/trace_analytics/components/common/plots/service_map.tsx
@@ -5,13 +5,13 @@
 
 import {
   EuiButtonGroup,
-  EuiCompressedFieldSearch,
   EuiFlexGroup,
   EuiFlexItem,
   EuiHorizontalRule,
   EuiPanel,
   EuiSpacer,
   EuiText,
+  EuiCompressedFieldSearch,
 } from '@elastic/eui';
 import React, { useEffect, useState } from 'react';
 // @ts-ignore
diff --git a/public/components/trace_analytics/components/common/search_bar.tsx b/public/components/trace_analytics/components/common/search_bar.tsx
index eb1ba40c5..7dd8dcf6b 100644
--- a/public/components/trace_analytics/components/common/search_bar.tsx
+++ b/public/components/trace_analytics/components/common/search_bar.tsx
@@ -4,17 +4,18 @@
  */
 
 import {
-  EuiSmallButton,
-  EuiCompressedFieldSearch,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiSpacer,
   EuiSuperDatePicker,
+  EuiButtonIcon,
+  EuiCompressedFieldSearch,
 } from '@elastic/eui';
 import debounce from 'lodash/debounce';
 import React, { forwardRef, useImperativeHandle, useState } from 'react';
+import { i18n } from '@osd/i18n';
 import { uiSettingsService } from '../../../../../common/utils';
-import { Filters, FiltersProps } from './filters/filters';
+import { FiltersProps } from './filters/filters';
+import { GlobalFilterButton } from './filters/filters';
 
 export const renderDatePicker = (
   startTime: string,
@@ -69,13 +70,17 @@ export const SearchBar = forwardRef((props: SearchBarOwnProps, ref) => {
 
   return (
     <>
-      <EuiFlexGroup gutterSize="s">
+      <EuiFlexGroup gutterSize="s" alignItems="center">
         {!props.datepickerOnly && (
           <EuiFlexItem>
             <EuiCompressedFieldSearch
+              prepend={<GlobalFilterButton filters={props.filters} setFilters={props.setFilters} />}
+              compressed
               fullWidth
               isClearable={false}
-              placeholder="Trace ID, trace group name, service name"
+              placeholder={i18n.translate('traceAnalytics.searchBar.placeholder', {
+                defaultMessage: 'Trace ID, trace group name, service name',
+              })}
               data-test-subj="search-bar-input-box"
               value={query}
               onChange={(e) => {
@@ -86,34 +91,30 @@ export const SearchBar = forwardRef((props: SearchBarOwnProps, ref) => {
             />
           </EuiFlexItem>
         )}
-        <EuiFlexItem grow={false} style={{ maxWidth: '40vw' }}>
-          {renderDatePicker(props.startTime, props.setStartTime, props.endTime, props.setEndTime)}
+        <EuiFlexItem grow={false} style={{ maxWidth: '30vw' }}>
+          <EuiSuperDatePicker
+            compressed
+            start={props.startTime}
+            end={props.endTime}
+            onTimeChange={(e) => {
+              props.setStartTime(e.start);
+              props.setEndTime(e.end);
+            }}
+            showUpdateButton={false}
+          />
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiSmallButton
-            data-test-subj="superDatePickerApplyTimeButton"
-            data-click-metric-element="trace_analytics.refresh_button"
+          <EuiButtonIcon
             iconType="refresh"
+            aria-label="Refresh"
+            display="base"
             onClick={() => props.refresh()}
-          >
-            Refresh
-          </EuiSmallButton>
+            size="s"
+            data-test-subj="superDatePickerApplyTimeButton"
+            data-click-metric-element="trace_analytics.refresh_button"
+          />
         </EuiFlexItem>
       </EuiFlexGroup>
-
-      {!props.datepickerOnly && (
-        <>
-          <EuiSpacer size="s" />
-          <Filters
-            page={props.page}
-            filters={props.filters}
-            setFilters={props.setFilters}
-            appConfigs={props.appConfigs}
-            mode={props.mode}
-            attributesFilterFields={props.attributesFilterFields}
-          />
-        </>
-      )}
     </>
   );
 });
diff --git a/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap b/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap
index acdd82dc2..994194ede 100644
--- a/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap
+++ b/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap
@@ -591,402 +591,309 @@ exports[`Services component renders empty services page 1`] = `
     startTime="now-5m"
     traceColumnAction={[Function]}
   >
-    <ForwardRef
-      appConfigs={Array []}
-      attributesFilterFields={Array []}
-      endTime="now"
-      filters={Array []}
-      mode="data_prepper"
-      page="services"
-      query=""
-      refresh={[Function]}
-      setEndTime={[MockFunction]}
-      setFilters={
-        [MockFunction] {
-          "calls": Array [
-            Array [
-              Array [],
-            ],
-          ],
-          "results": Array [
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
-          ],
-        }
-      }
-      setQuery={[MockFunction]}
-      setStartTime={[MockFunction]}
-      startTime="now-5m"
+    <EuiPage
+      paddingSize="m"
     >
-      <EuiFlexGroup
-        gutterSize="s"
+      <div
+        className="euiPage euiPage--paddingMedium euiPage--grow"
       >
-        <div
-          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <EuiFlexItem>
-            <div
-              className="euiFlexItem"
+        <EuiPageBody>
+          <div
+            className="euiPageBody euiPageBody--borderRadiusNone"
+          >
+            <EuiFlexGroup
+              alignItems="center"
+              gutterSize="s"
+              justifyContent="spaceBetween"
             >
-              <EuiCompressedFieldSearch
-                compressed={true}
-                data-test-subj="search-bar-input-box"
-                fullWidth={true}
-                incremental={false}
-                isClearable={false}
-                isLoading={false}
-                onChange={[Function]}
-                onSearch={[Function]}
-                placeholder="Trace ID, trace group name, service name"
-                value=""
+              <div
+                className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <EuiFormControlLayout
-                  compressed={true}
-                  fullWidth={true}
-                  icon="search"
-                  isLoading={false}
+                <EuiFlexItem
+                  grow={false}
                 >
                   <div
-                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+                    className="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <div
-                      className="euiFormControlLayout__childrenWrapper"
+                    <DataSourcePicker
+                      modes={
+                        Array [
+                          Object {
+                            "id": "jaeger",
+                            "title": "Jaeger",
+                          },
+                          Object {
+                            "id": "data_prepper",
+                            "title": "Data Prepper",
+                          },
+                        ]
+                      }
+                      selectedMode="data_prepper"
                     >
-                      <EuiValidatableControl>
-                        <input
-                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-                          data-test-subj="search-bar-input-box"
-                          onChange={[Function]}
-                          onKeyUp={[Function]}
-                          placeholder="Trace ID, trace group name, service name"
-                          type="search"
-                          value=""
-                        />
-                      </EuiValidatableControl>
-                      <EuiFormControlLayoutIcons
-                        compressed={true}
-                        icon="search"
-                        isLoading={false}
+                      <EuiPopover
+                        anchorClassName="eui-textTruncate"
+                        anchorPosition="downCenter"
+                        button={
+                          <EuiSmallButtonEmpty
+                            className="dscIndexPattern__triggerButton"
+                            color="text"
+                            data-test-subj="indexPattern-switch-link"
+                            flush="left"
+                            iconSide="right"
+                            iconType="arrowDown"
+                            onClick={[Function]}
+                            title="data_prepper"
+                          >
+                            Data Prepper
+                          </EuiSmallButtonEmpty>
+                        }
+                        className="eui-textTruncate"
+                        closePopover={[Function]}
+                        display="inlineBlock"
+                        hasArrow={true}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="s"
                       >
                         <div
-                          className="euiFormControlLayoutIcons"
+                          className="euiPopover euiPopover--anchorDownCenter eui-textTruncate"
                         >
-                          <EuiFormControlLayoutCustomIcon
-                            size="s"
-                            type="search"
+                          <div
+                            className="euiPopover__anchor eui-textTruncate"
                           >
-                            <span
-                              className="euiFormControlLayoutCustomIcon"
+                            <EuiSmallButtonEmpty
+                              className="dscIndexPattern__triggerButton"
+                              color="text"
+                              data-test-subj="indexPattern-switch-link"
+                              flush="left"
+                              iconSide="right"
+                              iconType="arrowDown"
+                              onClick={[Function]}
+                              title="data_prepper"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiFormControlLayoutCustomIcon__icon"
+                              <EuiButtonEmpty
+                                className="dscIndexPattern__triggerButton"
+                                color="text"
+                                data-test-subj="indexPattern-switch-link"
+                                flush="left"
+                                iconSide="right"
+                                iconType="arrowDown"
+                                onClick={[Function]}
                                 size="s"
-                                type="search"
+                                title="data_prepper"
                               >
-                                <EuiIconBeaker
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty--flushLeft dscIndexPattern__triggerButton"
+                                  data-test-subj="indexPattern-switch-link"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  title="data_prepper"
+                                  type="button"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="right"
+                                    iconSize="m"
+                                    iconType="arrowDown"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    <path
-                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                    />
-                                  </svg>
-                                </EuiIconBeaker>
-                              </EuiIcon>
-                            </span>
-                          </EuiFormControlLayoutCustomIcon>
+                                    <span
+                                      className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                    >
+                                      <EuiIcon
+                                        className="euiButtonContent__icon"
+                                        color="inherit"
+                                        size="m"
+                                        type="arrowDown"
+                                      >
+                                        <EuiIconBeaker
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                          focusable="false"
+                                          role="img"
+                                          style={null}
+                                        >
+                                          <svg
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                            focusable="false"
+                                            height={16}
+                                            role="img"
+                                            style={null}
+                                            viewBox="0 0 16 16"
+                                            width={16}
+                                            xmlns="http://www.w3.org/2000/svg"
+                                          >
+                                            <path
+                                              d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                            />
+                                          </svg>
+                                        </EuiIconBeaker>
+                                      </EuiIcon>
+                                      <span
+                                        className="euiButtonEmpty__text"
+                                      >
+                                        Data Prepper
+                                      </span>
+                                    </span>
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
+                            </EuiSmallButtonEmpty>
+                          </div>
                         </div>
-                      </EuiFormControlLayoutIcons>
-                    </div>
+                      </EuiPopover>
+                    </DataSourcePicker>
                   </div>
-                </EuiFormControlLayout>
-              </EuiCompressedFieldSearch>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-            style={
-              Object {
-                "maxWidth": "40vw",
-              }
-            }
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-              style={
-                Object {
-                  "maxWidth": "40vw",
-                }
-              }
-            >
-              <EuiSuperDatePicker
-                commonlyUsedRanges={
-                  Array [
-                    Object {
-                      "end": "now/d",
-                      "label": "Today",
-                      "start": "now/d",
-                    },
-                    Object {
-                      "end": "now/w",
-                      "label": "This week",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now/M",
-                      "label": "This month",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now/y",
-                      "label": "This year",
-                      "start": "now/y",
-                    },
-                    Object {
-                      "end": "now-1d/d",
-                      "label": "Yesterday",
-                      "start": "now-1d/d",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Week to date",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Month to date",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Year to date",
-                      "start": "now/y",
-                    },
-                  ]
-                }
-                compressed={false}
-                dateFormat=""
-                end="now"
-                isAutoRefreshOnly={false}
-                isDisabled={false}
-                isPaused={true}
-                onTimeChange={[Function]}
-                recentlyUsedRanges={Array []}
-                refreshInterval={0}
-                showUpdateButton={false}
-                start="now-5m"
-                timeFormat="HH:mm"
-              >
-                <EuiFlexGroup
-                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
-                  gutterSize="s"
-                  responsive={false}
+                </EuiFlexItem>
+                <EuiFlexItem
+                  grow={true}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                    className="euiFlexItem"
                   >
-                    <EuiFlexItem>
-                      <div
-                        className="euiFlexItem"
+                    <ForwardRef
+                      attributesFilterFields={Array []}
+                      endTime="now"
+                      filters={Array []}
+                      mode="data_prepper"
+                      page="services"
+                      query=""
+                      refresh={[Function]}
+                      setEndTime={[MockFunction]}
+                      setFilters={
+                        [MockFunction] {
+                          "calls": Array [
+                            Array [
+                              Array [],
+                            ],
+                          ],
+                          "results": Array [
+                            Object {
+                              "type": "return",
+                              "value": undefined,
+                            },
+                          ],
+                        }
+                      }
+                      setQuery={[MockFunction]}
+                      setStartTime={[MockFunction]}
+                      startTime="now-5m"
+                    >
+                      <EuiFlexGroup
+                        alignItems="center"
+                        gutterSize="s"
                       >
-                        <EuiFormControlLayout
-                          className="euiSuperDatePicker"
-                          compressed={false}
-                          isDisabled={false}
-                          prepend={
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
-                            />
-                          }
+                        <div
+                          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <div
-                            className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
-                          >
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              className="euiFormControlLayout__prepend"
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              key="0/.0"
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
                             >
-                              <EuiPopover
-                                anchorClassName="euiQuickSelectPopover__anchor"
-                                anchorPosition="downLeft"
-                                button={
-                                  <EuiButtonEmpty
-                                    aria-label="Date quick select"
-                                    className="euiFormControlLayout__prepend"
-                                    data-test-subj="superDatePickerToggleQuickMenuButton"
-                                    iconSide="right"
-                                    iconType="arrowDown"
-                                    isDisabled={false}
-                                    onClick={[Function]}
-                                    size="xs"
-                                    textProps={
-                                      Object {
-                                        "className": "euiQuickSelectPopover__buttonText",
+                              <EuiCompressedFieldSearch
+                                compressed={true}
+                                data-test-subj="search-bar-input-box"
+                                fullWidth={true}
+                                incremental={false}
+                                isClearable={false}
+                                isLoading={false}
+                                onChange={[Function]}
+                                onSearch={[Function]}
+                                placeholder="Trace ID, trace group name, service name"
+                                prepend={
+                                  <GlobalFilterButton
+                                    filters={Array []}
+                                    setFilters={
+                                      [MockFunction] {
+                                        "calls": Array [
+                                          Array [
+                                            Array [],
+                                          ],
+                                        ],
+                                        "results": Array [
+                                          Object {
+                                            "type": "return",
+                                            "value": undefined,
+                                          },
+                                        ],
                                       }
                                     }
-                                  >
-                                    <EuiIcon
-                                      type="calendar"
-                                    />
-                                  </EuiButtonEmpty>
+                                  />
                                 }
-                                closePopover={[Function]}
-                                display="inlineBlock"
-                                hasArrow={true}
-                                isOpen={false}
-                                ownFocus={true}
-                                panelPaddingSize="s"
+                                value=""
                               >
-                                <div
-                                  className="euiPopover euiPopover--anchorDownLeft"
+                                <EuiFormControlLayout
+                                  compressed={true}
+                                  fullWidth={true}
+                                  icon="search"
+                                  isLoading={false}
+                                  prepend={
+                                    <GlobalFilterButton
+                                      filters={Array []}
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    />
+                                  }
                                 >
                                   <div
-                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed euiFormControlLayout--group"
                                   >
-                                    <EuiButtonEmpty
-                                      aria-label="Date quick select"
+                                    <GlobalFilterButton
                                       className="euiFormControlLayout__prepend"
-                                      data-test-subj="superDatePickerToggleQuickMenuButton"
-                                      iconSide="right"
-                                      iconType="arrowDown"
-                                      isDisabled={false}
-                                      onClick={[Function]}
-                                      size="xs"
-                                      textProps={
-                                        Object {
-                                          "className": "euiQuickSelectPopover__buttonText",
+                                      filters={Array []}
+                                      key="0/.0"
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
                                         }
                                       }
                                     >
-                                      <button
-                                        aria-label="Date quick select"
-                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
-                                        data-test-subj="superDatePickerToggleQuickMenuButton"
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        type="button"
+                                      <EuiPopover
+                                        anchorPosition="rightUp"
+                                        button={
+                                          <EuiSmallButtonIcon
+                                            aria-label="Change all filters"
+                                            iconType="filter"
+                                            onClick={[Function]}
+                                            title="Change all filters"
+                                          />
+                                        }
+                                        closePopover={[Function]}
+                                        data-test-subj="global-filter-button"
+                                        display="inlineBlock"
+                                        hasArrow={true}
+                                        isOpen={false}
+                                        ownFocus={true}
+                                        panelPaddingSize="none"
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
@@ -999,56 +906,117 @@ exports[`Services component renders empty services page 1`] = `
                                               "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
                                             }
                                           }
+                                        <div
+                                          className="euiPopover euiPopover--anchorRightUp"
+                                          data-test-subj="global-filter-button"
                                         >
-                                          <span
-                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                          <div
+                                            className="euiPopover__anchor"
                                           >
-                                            <EuiIcon
-                                              className="euiButtonContent__icon"
-                                              color="inherit"
-                                              size="s"
-                                              type="arrowDown"
+                                            <EuiSmallButtonIcon
+                                              aria-label="Change all filters"
+                                              iconType="filter"
+                                              onClick={[Function]}
+                                              title="Change all filters"
                                             >
-                                              <EuiIconBeaker
-                                                aria-hidden={true}
-                                                className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                                focusable="false"
-                                                role="img"
-                                                style={null}
+                                              <EuiButtonIcon
+                                                aria-label="Change all filters"
+                                                iconType="filter"
+                                                onClick={[Function]}
+                                                size="s"
+                                                title="Change all filters"
                                               >
-                                                <svg
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                                  focusable="false"
-                                                  height={16}
-                                                  role="img"
-                                                  style={null}
-                                                  viewBox="0 0 16 16"
-                                                  width={16}
-                                                  xmlns="http://www.w3.org/2000/svg"
+                                                <button
+                                                  aria-label="Change all filters"
+                                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  title="Change all filters"
+                                                  type="button"
                                                 >
-                                                  <path
-                                                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                                  />
-                                                </svg>
-                                              </EuiIconBeaker>
-                                            </EuiIcon>
+                                                  <EuiIcon
+                                                    aria-hidden="true"
+                                                    className="euiButtonIcon__icon"
+                                                    color="inherit"
+                                                    size="m"
+                                                    type="filter"
+                                                  >
+                                                    <EuiIconBeaker
+                                                      aria-hidden={true}
+                                                      className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                                      focusable="false"
+                                                      role="img"
+                                                      style={null}
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                                        focusable="false"
+                                                        height={16}
+                                                        role="img"
+                                                        style={null}
+                                                        viewBox="0 0 16 16"
+                                                        width={16}
+                                                        xmlns="http://www.w3.org/2000/svg"
+                                                      >
+                                                        <path
+                                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                        />
+                                                      </svg>
+                                                    </EuiIconBeaker>
+                                                  </EuiIcon>
+                                                </button>
+                                              </EuiButtonIcon>
+                                            </EuiSmallButtonIcon>
+                                          </div>
+                                        </div>
+                                      </EuiPopover>
+                                    </GlobalFilterButton>
+                                    <div
+                                      className="euiFormControlLayout__childrenWrapper"
+                                    >
+                                      <EuiValidatableControl>
+                                        <input
+                                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch--inGroup"
+                                          data-test-subj="search-bar-input-box"
+                                          onChange={[Function]}
+                                          onKeyUp={[Function]}
+                                          placeholder="Trace ID, trace group name, service name"
+                                          type="search"
+                                          value=""
+                                        />
+                                      </EuiValidatableControl>
+                                      <EuiFormControlLayoutIcons
+                                        compressed={true}
+                                        icon="search"
+                                        isLoading={false}
+                                      >
+                                        <div
+                                          className="euiFormControlLayoutIcons"
+                                        >
+                                          <EuiFormControlLayoutCustomIcon
+                                            size="s"
+                                            type="search"
+                                          >
                                             <span
-                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                              className="euiFormControlLayoutCustomIcon"
                                             >
                                               <EuiIcon
-                                                type="calendar"
+                                                aria-hidden="true"
+                                                className="euiFormControlLayoutCustomIcon__icon"
+                                                size="s"
+                                                type="search"
                                               >
                                                 <EuiIconBeaker
                                                   aria-hidden={true}
-                                                  className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                  className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
                                                   focusable="false"
                                                   role="img"
                                                   style={null}
                                                 >
                                                   <svg
                                                     aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                    className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
                                                     focusable="false"
                                                     height={16}
                                                     role="img"
@@ -1064,50 +1032,411 @@ exports[`Services component renders empty services page 1`] = `
                                                 </EuiIconBeaker>
                                               </EuiIcon>
                                             </span>
-                                          </span>
-                                        </EuiButtonContent>
-                                      </button>
-                                    </EuiButtonEmpty>
+                                          </EuiFormControlLayoutCustomIcon>
+                                        </div>
+                                      </EuiFormControlLayoutIcons>
+                                    </div>
                                   </div>
-                                </div>
-                              </EuiPopover>
-                            </EuiQuickSelectPopover>
+                                </EuiFormControlLayout>
+                              </EuiCompressedFieldSearch>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                            style={
+                              Object {
+                                "maxWidth": "30vw",
+                              }
+                            }
+                          >
                             <div
-                              className="euiFormControlLayout__childrenWrapper"
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                              style={
+                                Object {
+                                  "maxWidth": "30vw",
+                                }
+                              }
                             >
-                              <EuiDatePickerRange
-                                className="euiDatePickerRange--inGroup"
-                                endDateControl={<div />}
-                                iconType={false}
-                                isCustom={true}
-                                startDateControl={<div />}
+                              <EuiSuperDatePicker
+                                commonlyUsedRanges={
+                                  Array [
+                                    Object {
+                                      "end": "now/d",
+                                      "label": "Today",
+                                      "start": "now/d",
+                                    },
+                                    Object {
+                                      "end": "now/w",
+                                      "label": "This week",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now/M",
+                                      "label": "This month",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now/y",
+                                      "label": "This year",
+                                      "start": "now/y",
+                                    },
+                                    Object {
+                                      "end": "now-1d/d",
+                                      "label": "Yesterday",
+                                      "start": "now-1d/d",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Week to date",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Month to date",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Year to date",
+                                      "start": "now/y",
+                                    },
+                                  ]
+                                }
+                                compressed={true}
+                                dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                end="now"
+                                isAutoRefreshOnly={false}
+                                isDisabled={false}
+                                isPaused={true}
+                                onTimeChange={[Function]}
+                                recentlyUsedRanges={Array []}
+                                refreshInterval={0}
+                                showUpdateButton={false}
+                                start="now-5m"
+                                timeFormat="HH:mm"
                               >
-                                <div
-                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                <EuiFlexGroup
+                                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  gutterSize="s"
+                                  responsive={false}
                                 >
-                                  <button
-                                    className="euiSuperDatePicker__prettyFormat"
-                                    data-test-subj="superDatePickerShowDatesButton"
-                                    disabled={false}
-                                    onClick={[Function]}
+                                  <div
+                                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
                                   >
-                                    Last 5 minutes
-                                    <span
-                                      className="euiSuperDatePicker__prettyFormatLink"
-                                    >
-                                      <EuiI18n
-                                        default="Show dates"
-                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                    <EuiFlexItem>
+                                      <div
+                                        className="euiFlexItem"
                                       >
-                                        Show dates
-                                      </EuiI18n>
-                                    </span>
-                                  </button>
-                                </div>
-                              </EuiDatePickerRange>
-                              <EuiFormControlLayoutIcons
-                                compressed={false}
-                              />
+                                        <EuiFormControlLayout
+                                          className="euiSuperDatePicker"
+                                          compressed={true}
+                                          isDisabled={false}
+                                          prepend={
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            />
+                                          }
+                                        >
+                                          <div
+                                            className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
+                                          >
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              className="euiFormControlLayout__prepend"
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              key="0/.0"
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            >
+                                              <EuiPopover
+                                                anchorClassName="euiQuickSelectPopover__anchor"
+                                                anchorPosition="downLeft"
+                                                button={
+                                                  <EuiButtonEmpty
+                                                    aria-label="Date quick select"
+                                                    className="euiFormControlLayout__prepend"
+                                                    data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                    iconSide="right"
+                                                    iconType="arrowDown"
+                                                    isDisabled={false}
+                                                    onClick={[Function]}
+                                                    size="xs"
+                                                    textProps={
+                                                      Object {
+                                                        "className": "euiQuickSelectPopover__buttonText",
+                                                      }
+                                                    }
+                                                  >
+                                                    <EuiIcon
+                                                      type="calendar"
+                                                    />
+                                                  </EuiButtonEmpty>
+                                                }
+                                                closePopover={[Function]}
+                                                display="inlineBlock"
+                                                hasArrow={true}
+                                                isOpen={false}
+                                                ownFocus={true}
+                                                panelPaddingSize="s"
+                                              >
+                                                <div
+                                                  className="euiPopover euiPopover--anchorDownLeft"
+                                                >
+                                                  <div
+                                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                                  >
+                                                    <EuiButtonEmpty
+                                                      aria-label="Date quick select"
+                                                      className="euiFormControlLayout__prepend"
+                                                      data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                      iconSide="right"
+                                                      iconType="arrowDown"
+                                                      isDisabled={false}
+                                                      onClick={[Function]}
+                                                      size="xs"
+                                                      textProps={
+                                                        Object {
+                                                          "className": "euiQuickSelectPopover__buttonText",
+                                                        }
+                                                      }
+                                                    >
+                                                      <button
+                                                        aria-label="Date quick select"
+                                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
+                                                        data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        type="button"
+                                                      >
+                                                        <EuiButtonContent
+                                                          className="euiButtonEmpty__content"
+                                                          iconGap="m"
+                                                          iconSide="right"
+                                                          iconSize="s"
+                                                          iconType="arrowDown"
+                                                          textProps={
+                                                            Object {
+                                                              "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                                          >
+                                                            <EuiIcon
+                                                              className="euiButtonContent__icon"
+                                                              color="inherit"
+                                                              size="s"
+                                                              type="arrowDown"
+                                                            >
+                                                              <EuiIconBeaker
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                                focusable="false"
+                                                                role="img"
+                                                                style={null}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                                  focusable="false"
+                                                                  height={16}
+                                                                  role="img"
+                                                                  style={null}
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                                  />
+                                                                </svg>
+                                                              </EuiIconBeaker>
+                                                            </EuiIcon>
+                                                            <span
+                                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                            >
+                                                              <EuiIcon
+                                                                type="calendar"
+                                                              >
+                                                                <EuiIconBeaker
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                                  focusable="false"
+                                                                  role="img"
+                                                                  style={null}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden={true}
+                                                                    className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                                    focusable="false"
+                                                                    height={16}
+                                                                    role="img"
+                                                                    style={null}
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                                    />
+                                                                  </svg>
+                                                                </EuiIconBeaker>
+                                                              </EuiIcon>
+                                                            </span>
+                                                          </span>
+                                                        </EuiButtonContent>
+                                                      </button>
+                                                    </EuiButtonEmpty>
+                                                  </div>
+                                                </div>
+                                              </EuiPopover>
+                                            </EuiQuickSelectPopover>
+                                            <div
+                                              className="euiFormControlLayout__childrenWrapper"
+                                            >
+                                              <EuiDatePickerRange
+                                                className="euiDatePickerRange--inGroup"
+                                                endDateControl={<div />}
+                                                iconType={false}
+                                                isCustom={true}
+                                                startDateControl={<div />}
+                                              >
+                                                <div
+                                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                                >
+                                                  <button
+                                                    className="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
+                                                    data-test-subj="superDatePickerShowDatesButton"
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Last 5 minutes
+                                                    <span
+                                                      className="euiSuperDatePicker__prettyFormatLink"
+                                                    >
+                                                      <EuiI18n
+                                                        default="Show dates"
+                                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                                      >
+                                                        Show dates
+                                                      </EuiI18n>
+                                                    </span>
+                                                  </button>
+                                                </div>
+                                              </EuiDatePickerRange>
+                                              <EuiFormControlLayoutIcons
+                                                compressed={true}
+                                              />
+                                            </div>
+                                          </div>
+                                        </EuiFormControlLayout>
+                                      </div>
+                                    </EuiFlexItem>
+                                  </div>
+                                </EuiFlexGroup>
+                              </EuiSuperDatePicker>
                             </div>
                           </div>
                         </EuiFormControlLayout>
@@ -1181,172 +1510,37 @@ exports[`Services component renders empty services page 1`] = `
                             color="inherit"
                             size="m"
                             type="refresh"
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
                           >
-                            <EuiIconBeaker
-                              aria-hidden={true}
-                              className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                              focusable="false"
-                              role="img"
-                              style={null}
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
                             >
-                              <svg
-                                aria-hidden={true}
-                                className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                focusable="false"
-                                height={16}
-                                role="img"
-                                style={null}
-                                viewBox="0 0 16 16"
-                                width={16}
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                />
-                              </svg>
-                            </EuiIconBeaker>
-                          </EuiIcon>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Refresh
-                          </span>
-                        </span>
-                      </EuiButtonContent>
-                    </button>
-                  </EuiButtonDisplay>
-                </EuiButton>
-              </EuiSmallButton>
-            </div>
-          </EuiFlexItem>
-        </div>
-      </EuiFlexGroup>
-      <EuiSpacer
-        size="s"
-      >
-        <div
-          className="euiSpacer euiSpacer--s"
-        />
-      </EuiSpacer>
-      <Filters
-        appConfigs={Array []}
-        attributesFilterFields={Array []}
-        filters={Array []}
-        mode="data_prepper"
-        page="services"
-        setFilters={
-          [MockFunction] {
-            "calls": Array [
-              Array [
-                Array [],
-              ],
-            ],
-            "results": Array [
-              Object {
-                "type": "return",
-                "value": undefined,
-              },
-            ],
-          }
-        }
-      >
-        <EuiFlexGroup
-          alignItems="center"
-          gutterSize="xs"
-          responsive={false}
-          style={
-            Object {
-              "minHeight": 32,
-            }
-          }
-        >
-          <div
-            className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
-            style={
-              Object {
-                "minHeight": 32,
-              }
-            }
-          >
-            <EuiFlexItem
-              grow={false}
-            >
-              <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <GlobalFilterButton>
-                  <EuiPopover
-                    anchorPosition="rightUp"
-                    button={
-                      <EuiSmallButtonIcon
-                        aria-label="Change all filters"
-                        iconType="filter"
-                        onClick={[Function]}
-                        title="Change all filters"
-                      />
-                    }
-                    closePopover={[Function]}
-                    data-test-subj="global-filter-button"
-                    display="inlineBlock"
-                    hasArrow={true}
-                    isOpen={false}
-                    ownFocus={true}
-                    panelPaddingSize="none"
-                    withTitle={true}
-                  >
-                    <div
-                      className="euiPopover euiPopover--anchorRightUp"
-                      data-test-subj="global-filter-button"
-                      withTitle={true}
-                    >
-                      <div
-                        className="euiPopover__anchor"
-                      >
-                        <EuiSmallButtonIcon
-                          aria-label="Change all filters"
-                          iconType="filter"
-                          onClick={[Function]}
-                          title="Change all filters"
-                        >
-                          <EuiButtonIcon
-                            aria-label="Change all filters"
-                            iconType="filter"
-                            onClick={[Function]}
-                            size="s"
-                            title="Change all filters"
-                          >
-                            <button
-                              aria-label="Change all filters"
-                              className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
-                              disabled={false}
-                              onClick={[Function]}
-                              title="Change all filters"
-                              type="button"
-                            >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiButtonIcon__icon"
-                                color="inherit"
-                                size="m"
-                                type="filter"
+                              <EuiButtonIcon
+                                aria-label="Refresh"
+                                data-click-metric-element="trace_analytics.refresh_button"
+                                data-test-subj="superDatePickerApplyTimeButton"
+                                display="base"
+                                iconType="refresh"
+                                onClick={[Function]}
+                                size="s"
                               >
-                                <EuiIconBeaker
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
+                                <button
+                                  aria-label="Refresh"
+                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--small"
+                                  data-click-metric-element="trace_analytics.refresh_button"
+                                  data-test-subj="superDatePickerApplyTimeButton"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <EuiIcon
+                                    aria-hidden="true"
+                                    className="euiButtonIcon__icon"
+                                    color="inherit"
+                                    size="m"
+                                    type="refresh"
                                   >
                                     <path
                                       d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
@@ -1434,113 +1628,113 @@ exports[`Services component renders empty services page 1`] = `
                     </div>
                   </EuiPopover>
                 </AddFilterButton>
+                                    <EuiIconBeaker
+                                      aria-hidden={true}
+                                      className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                      focusable="false"
+                                      role="img"
+                                      style={null}
+                                    >
+                                      <svg
+                                        aria-hidden={true}
+                                        className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                        focusable="false"
+                                        height={16}
+                                        role="img"
+                                        style={null}
+                                        viewBox="0 0 16 16"
+                                        width={16}
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                        />
+                                      </svg>
+                                    </EuiIconBeaker>
+                                  </EuiIcon>
+                                </button>
+                              </EuiButtonIcon>
+                            </div>
+                          </EuiFlexItem>
+                        </div>
+                      </EuiFlexGroup>
+                    </ForwardRef>
+                  </div>
+                </EuiFlexItem>
               </div>
-            </EuiFlexItem>
-          </div>
-        </EuiFlexGroup>
-      </Filters>
-    </ForwardRef>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <ServicesTable
-      addFilter={[Function]}
-      addServicesGroupFilter={[Function]}
-      dataPrepperIndicesExist={true}
-      isServiceTrendEnabled={false}
-      items={Array []}
-      loading={true}
-      mode="data_prepper"
-      selectedItems={Array []}
-      serviceTrends={Object {}}
-      setIsServiceTrendEnabled={[Function]}
-      setRedirect={[Function]}
-      setSelectedItems={[Function]}
-      traceColumnAction={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <EuiFlexGroup
-            justifyContent="spaceBetween"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+            </EuiFlexGroup>
+            <Filters
+              appConfigs={Array []}
+              attributesFilterFields={Array []}
+              filters={Array []}
+              mode="data_prepper"
+              page="services"
+              setFilters={
+                [MockFunction] {
+                  "calls": Array [
+                    Array [
+                      Array [],
+                    ],
+                  ],
+                  "results": Array [
+                    Object {
+                      "type": "return",
+                      "value": undefined,
+                    },
+                  ],
+                }
+              }
             >
-              <EuiFlexItem
-                grow={false}
+              <EuiFlexGroup
+                alignItems="center"
+                gutterSize="xs"
+                responsive={false}
               >
                 <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
+                  className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                 >
-                  <PanelTitle
-                    title="Services"
-                    totalItems={0}
+                  <EuiFlexItem
+                    grow={false}
                   >
-                    <EuiText
-                      size="m"
-                    >
-                      <div
-                        className="euiText euiText--medium"
-                      >
-                        <span
-                          className="panel-title"
-                        >
-                          Services
-                        </span>
-                        <span
-                          className="panel-title-count"
-                        >
-                           (0)
-                        </span>
-                      </div>
-                    </EuiText>
-                  </PanelTitle>
-                </div>
-              </EuiFlexItem>
-              <EuiFlexItem
-                grow={false}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <EuiFlexGroup>
                     <div
-                      className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
                     >
-                      <EuiFlexItem>
-                        <div
-                          className="euiFlexItem"
+                      <AddFilterButton>
+                        <EuiPopover
+                          anchorPosition="downLeft"
+                          button={
+                            <EuiButtonEmpty
+                              flush="left"
+                              onClick={[Function]}
+                              size="xs"
+                            >
+                              + Add filter
+                            </EuiButtonEmpty>
+                          }
+                          closePopover={[Function]}
+                          data-test-subj="addfilter"
+                          display="inlineBlock"
+                          hasArrow={true}
+                          isOpen={false}
+                          ownFocus={true}
+                          panelPaddingSize="m"
                         >
-                          <EuiToolTip
-                            content="Select services to filter"
-                            delay="regular"
-                            position="top"
+                          <div
+                            className="euiPopover euiPopover--anchorDownLeft"
+                            data-test-subj="addfilter"
                           >
-                            <span
-                              className="euiToolTipAnchor"
-                              onKeyUp={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
+                            <div
+                              className="euiPopover__anchor"
                             >
                               <EuiButtonEmpty
-                                isDisabled={true}
-                                onBlur={[Function]}
+                                flush="left"
                                 onClick={[Function]}
-                                onFocus={[Function]}
                                 size="xs"
                               >
                                 <button
-                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty-isDisabled"
-                                  disabled={true}
-                                  onBlur={[Function]}
+                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
+                                  disabled={false}
                                   onClick={[Function]}
-                                  onFocus={[Function]}
                                   type="button"
                                 >
                                   <EuiButtonContent
@@ -1560,29 +1754,65 @@ exports[`Services component renders empty services page 1`] = `
                                       <span
                                         className="euiButtonEmpty__text"
                                       >
-                                        Filter services
+                                        + Add filter
                                       </span>
                                     </span>
                                   </EuiButtonContent>
                                 </button>
                               </EuiButtonEmpty>
-                            </span>
-                          </EuiToolTip>
-                        </div>
-                      </EuiFlexItem>
-                      <EuiFlexItem>
+                            </div>
+                          </div>
+                        </EuiPopover>
+                      </AddFilterButton>
+                    </div>
+                  </EuiFlexItem>
+                </div>
+              </EuiFlexGroup>
+            </Filters>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <ServicesTable
+              addFilter={[Function]}
+              addServicesGroupFilter={[Function]}
+              dataPrepperIndicesExist={true}
+              isServiceTrendEnabled={false}
+              items={Array []}
+              loading={true}
+              mode="data_prepper"
+              selectedItems={Array []}
+              serviceTrends={Object {}}
+              setIsServiceTrendEnabled={[Function]}
+              setRedirect={[Function]}
+              setSelectedItems={[Function]}
+              traceColumnAction={[Function]}
+            >
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                >
+                  <EuiFlexGroup
+                    justifyContent="spaceBetween"
+                  >
+                    <div
+                      className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+                    >
+                      <EuiFlexItem
+                        grow={false}
+                      >
                         <div
-                          className="euiFlexItem"
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          <EuiButtonEmpty
-                            onClick={[Function]}
-                            size="xs"
+                          <PanelTitle
+                            title="Services"
+                            totalItems={0}
                           >
-                            <button
-                              className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
-                              disabled={false}
-                              onClick={[Function]}
-                              type="button"
+                            <EuiText
+                              size="m"
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
@@ -1594,239 +1824,253 @@ exports[`Services component renders empty services page 1`] = `
                                     "className": "euiButtonEmpty__text",
                                   }
                                 }
+                              <div
+                                className="euiText euiText--medium"
                               >
                                 <span
-                                  className="euiButtonContent euiButtonEmpty__content"
+                                  className="panel-title"
                                 >
-                                  <span
-                                    className="euiButtonEmpty__text"
-                                  >
-                                    Show 24 hour trends
-                                  </span>
+                                  Services
                                 </span>
-                              </EuiButtonContent>
-                            </button>
-                          </EuiButtonEmpty>
+                                <span
+                                  className="panel-title-count"
+                                >
+                                   (0)
+                                </span>
+                              </div>
+                            </EuiText>
+                          </PanelTitle>
                         </div>
                       </EuiFlexItem>
-                    </div>
-                  </EuiFlexGroup>
-                </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiHorizontalRule
-            margin="none"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full"
-            />
-          </EuiHorizontalRule>
-          <NoMatchMessage
-            size="xl"
-          >
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-            <EuiEmptyPrompt
-              body={
-                <EuiText
-                  size="s"
-                >
-                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                </EuiText>
-              }
-              title={
-                <h2>
-                  No matches
-                </h2>
-              }
-            >
-              <div
-                className="euiEmptyPrompt"
-              >
-                <EuiTitle
-                  size="m"
-                >
-                  <h2
-                    className="euiTitle euiTitle--medium"
+                      <EuiFlexItem
+                        grow={false}
+                      >
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <EuiFlexGroup>
+                            <div
+                              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            >
+                              <EuiFlexItem>
+                                <div
+                                  className="euiFlexItem"
+                                >
+                                  <EuiToolTip
+                                    content="Select services to filter"
+                                    delay="regular"
+                                    position="top"
+                                  >
+                                    <span
+                                      className="euiToolTipAnchor"
+                                      onKeyUp={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                    >
+                                      <EuiButtonEmpty
+                                        isDisabled={true}
+                                        onBlur={[Function]}
+                                        onClick={[Function]}
+                                        onFocus={[Function]}
+                                        size="xs"
+                                      >
+                                        <button
+                                          className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty-isDisabled"
+                                          disabled={true}
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          type="button"
+                                        >
+                                          <EuiButtonContent
+                                            className="euiButtonEmpty__content"
+                                            iconGap="m"
+                                            iconSide="left"
+                                            iconSize="s"
+                                            textProps={
+                                              Object {
+                                                "className": "euiButtonEmpty__text",
+                                              }
+                                            }
+                                          >
+                                            <span
+                                              className="euiButtonContent euiButtonEmpty__content"
+                                            >
+                                              <span
+                                                className="euiButtonEmpty__text"
+                                              >
+                                                Filter services
+                                              </span>
+                                            </span>
+                                          </EuiButtonContent>
+                                        </button>
+                                      </EuiButtonEmpty>
+                                    </span>
+                                  </EuiToolTip>
+                                </div>
+                              </EuiFlexItem>
+                              <EuiFlexItem>
+                                <div
+                                  className="euiFlexItem"
+                                >
+                                  <EuiButtonEmpty
+                                    onClick={[Function]}
+                                    size="xs"
+                                  >
+                                    <button
+                                      className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+                                      disabled={false}
+                                      onClick={[Function]}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButtonEmpty__content"
+                                        iconGap="m"
+                                        iconSide="left"
+                                        iconSize="s"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButtonEmpty__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButtonEmpty__content"
+                                        >
+                                          <span
+                                            className="euiButtonEmpty__text"
+                                          >
+                                            Show 24 hour trends
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonEmpty>
+                                </div>
+                              </EuiFlexItem>
+                            </div>
+                          </EuiFlexGroup>
+                        </div>
+                      </EuiFlexItem>
+                    </div>
+                  </EuiFlexGroup>
+                  <EuiSpacer
+                    size="m"
                   >
-                    No matches
-                  </h2>
-                </EuiTitle>
-                <EuiTextColor
-                  color="subdued"
-                >
-                  <span
-                    className="euiTextColor euiTextColor--subdued"
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiHorizontalRule
+                    margin="none"
+                  >
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full"
+                    />
+                  </EuiHorizontalRule>
+                  <NoMatchMessage
+                    size="xl"
                   >
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                    <EuiText>
-                      <div
-                        className="euiText euiText--medium"
-                      >
+                    <EuiEmptyPrompt
+                      body={
                         <EuiText
                           size="s"
                         >
-                          <div
-                            className="euiText euiText--small"
-                          >
-                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                          </div>
+                          No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                         </EuiText>
+                      }
+                      title={
+                        <h2>
+                          No matches
+                        </h2>
+                      }
+                    >
+                      <div
+                        className="euiEmptyPrompt"
+                      >
+                        <EuiTitle
+                          size="m"
+                        >
+                          <h2
+                            className="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                        </EuiTitle>
+                        <EuiTextColor
+                          color="subdued"
+                        >
+                          <span
+                            className="euiTextColor euiTextColor--subdued"
+                          >
+                            <EuiSpacer
+                              size="m"
+                            >
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                            <EuiText>
+                              <div
+                                className="euiText euiText--medium"
+                              >
+                                <EuiText
+                                  size="s"
+                                >
+                                  <div
+                                    className="euiText euiText--small"
+                                  >
+                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                  </div>
+                                </EuiText>
+                              </div>
+                            </EuiText>
+                          </span>
+                        </EuiTextColor>
                       </div>
-                    </EuiText>
-                  </span>
-                </EuiTextColor>
-              </div>
-            </EuiEmptyPrompt>
+                    </EuiEmptyPrompt>
+                    <EuiSpacer
+                      size="xl"
+                    >
+                      <div
+                        className="euiSpacer euiSpacer--xl"
+                      />
+                    </EuiSpacer>
+                  </NoMatchMessage>
+                </div>
+              </EuiPanel>
+            </ServicesTable>
             <EuiSpacer
-              size="xl"
+              size="s"
             >
               <div
-                className="euiSpacer euiSpacer--xl"
+                className="euiSpacer euiSpacer--s"
               />
             </EuiSpacer>
-          </NoMatchMessage>
-        </div>
-      </EuiPanel>
-    </ServicesTable>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <ServiceMap
-      addFilter={[Function]}
-      currService=""
-      idSelected="latency"
-      page="services"
-      serviceMap={Object {}}
-      setIdSelected={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <PanelTitle
-            title="Service map"
-          >
-            <EuiText
-              size="m"
-            >
-              <div
-                className="euiText euiText--medium"
-              >
-                <span
-                  className="panel-title"
-                >
-                  Service map
-                </span>
-              </div>
-            </EuiText>
-          </PanelTitle>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiButtonGroup
-            buttonSize="s"
-            color="text"
-            idSelected="latency"
-            onChange={[Function]}
-            options={
-              Array [
-                Object {
-                  "id": "latency",
-                  "label": "Duration",
-                },
-                Object {
-                  "id": "error_rate",
-                  "label": "Errors",
-                },
-                Object {
-                  "id": "throughput",
-                  "label": "Request Rate",
-                },
-              ]
-            }
-          >
-            <fieldset
-              className="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
-              disabled={false}
+            <ServiceMap
+              addFilter={[Function]}
+              currService=""
+              idSelected="latency"
+              page="services"
+              serviceMap={Object {}}
+              setIdSelected={[Function]}
             >
-              <EuiScreenReaderOnly>
-                <legend
-                  className="euiScreenReaderOnly"
-                />
-              </EuiScreenReaderOnly>
-              <div
-                className="euiButtonGroup__buttons"
-              >
-                <EuiButtonGroupButton
-                  color="text"
-                  element="label"
-                  id="latency"
-                  isDisabled={false}
-                  isIconOnly={false}
-                  isSelected={true}
-                  key="0"
-                  label="Duration"
-                  name="random_html_id"
-                  onChange={[Function]}
-                  size="s"
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                 >
-                  <EuiButtonDisplay
-                    baseClassName="euiButtonGroupButton"
-                    className="euiButtonGroupButton-isSelected"
-                    color="text"
-                    element="label"
-                    fill={true}
-                    htmlFor="random_html_id"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    textProps={
-                      Object {
-                        "className": "euiButtonGroupButton__textShift",
-                        "data-text": "Duration",
-                        "ref": [Function],
-                        "title": "Duration",
-                      }
-                    }
+                  <PanelTitle
+                    title="Service map"
                   >
-                    <label
-                      className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                      disabled={false}
-                      htmlFor="random_html_id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
-                      }
+                    <EuiText
+                      size="m"
                     >
                       <EuiButtonContent
                         className="euiButton__content"
@@ -1840,74 +2084,49 @@ exports[`Services component renders empty services page 1`] = `
                             "title": "Duration",
                           }
                         }
+                      <div
+                        className="euiText euiText--medium"
                       >
                         <span
-                          className="euiButtonContent euiButton__content"
+                          className="panel-title"
                         >
-                          <span
-                            className="euiButton__text euiButtonGroupButton__textShift"
-                            data-text="Duration"
-                            title="Duration"
-                          >
-                            <input
-                              checked={true}
-                              className="euiScreenReaderOnly"
-                              data-test-subj="latency"
-                              disabled={false}
-                              id="random_html_id"
-                              name="random_html_id"
-                              onChange={[Function]}
-                              type="radio"
-                            />
-                            Duration
-                          </span>
+                          Service map
                         </span>
-                      </EuiButtonContent>
-                    </label>
-                  </EuiButtonDisplay>
-                </EuiButtonGroupButton>
-                <EuiButtonGroupButton
-                  color="text"
-                  element="label"
-                  id="error_rate"
-                  isDisabled={false}
-                  isIconOnly={false}
-                  isSelected={false}
-                  key="1"
-                  label="Errors"
-                  name="random_html_id"
-                  onChange={[Function]}
-                  size="s"
-                >
-                  <EuiButtonDisplay
-                    baseClassName="euiButtonGroupButton"
-                    className=""
+                      </div>
+                    </EuiText>
+                  </PanelTitle>
+                  <EuiSpacer
+                    size="m"
+                  >
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiButtonGroup
+                    buttonSize="s"
                     color="text"
-                    element="label"
-                    fill={false}
-                    htmlFor="random_html_id"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    textProps={
-                      Object {
-                        "className": "euiButtonGroupButton__textShift",
-                        "data-text": "Errors",
-                        "ref": [Function],
-                        "title": "Errors",
-                      }
+                    idSelected="latency"
+                    onChange={[Function]}
+                    options={
+                      Array [
+                        Object {
+                          "id": "latency",
+                          "label": "Duration",
+                        },
+                        Object {
+                          "id": "error_rate",
+                          "label": "Errors",
+                        },
+                        Object {
+                          "id": "throughput",
+                          "label": "Request Rate",
+                        },
+                      ]
                     }
                   >
-                    <label
-                      className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                    <fieldset
+                      className="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       disabled={false}
-                      htmlFor="random_html_id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
-                      }
                     >
                       <EuiButtonContent
                         className="euiButton__content"
@@ -1921,19 +2140,48 @@ exports[`Services component renders empty services page 1`] = `
                             "title": "Errors",
                           }
                         }
+                      <EuiScreenReaderOnly>
+                        <legend
+                          className="euiScreenReaderOnly"
+                        />
+                      </EuiScreenReaderOnly>
+                      <div
+                        className="euiButtonGroup__buttons"
                       >
-                        <span
-                          className="euiButtonContent euiButton__content"
+                        <EuiButtonGroupButton
+                          color="text"
+                          element="label"
+                          id="latency"
+                          isDisabled={false}
+                          isIconOnly={false}
+                          isSelected={true}
+                          key="0"
+                          label="Duration"
+                          name="random_html_id"
+                          onChange={[Function]}
+                          size="s"
                         >
-                          <span
-                            className="euiButton__text euiButtonGroupButton__textShift"
-                            data-text="Errors"
-                            title="Errors"
+                          <EuiButtonDisplay
+                            baseClassName="euiButtonGroupButton"
+                            className="euiButtonGroupButton-isSelected"
+                            color="text"
+                            element="label"
+                            fill={true}
+                            htmlFor="random_html_id"
+                            isDisabled={false}
+                            onClick={[Function]}
+                            size="s"
+                            textProps={
+                              Object {
+                                "className": "euiButtonGroupButton__textShift",
+                                "data-text": "Duration",
+                                "ref": [Function],
+                                "title": "Duration",
+                              }
+                            }
                           >
-                            <input
-                              checked={false}
-                              className="euiScreenReaderOnly"
-                              data-test-subj="error_rate"
+                            <label
+                              className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
                               disabled={false}
                               id="random_html_id"
                               name="random_html_id"
@@ -2005,257 +2253,446 @@ exports[`Services component renders empty services page 1`] = `
                       >
                         <span
                           className="euiButtonContent euiButton__content"
-                        >
-                          <span
-                            className="euiButton__text euiButtonGroupButton__textShift"
-                            data-text="Request Rate"
-                            title="Request Rate"
-                          >
-                            <input
-                              checked={false}
-                              className="euiScreenReaderOnly"
-                              data-test-subj="throughput"
-                              disabled={false}
-                              id="random_html_id"
-                              name="random_html_id"
-                              onChange={[Function]}
-                              type="radio"
-                            />
-                            Request Rate
-                          </span>
-                        </span>
-                      </EuiButtonContent>
-                    </label>
-                  </EuiButtonDisplay>
-                </EuiButtonGroupButton>
-              </div>
-            </fieldset>
-          </EuiButtonGroup>
-          <EuiHorizontalRule
-            margin="m"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-            />
-          </EuiHorizontalRule>
-          <EuiFlexGroup
-            alignItems="center"
-            gutterSize="s"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <EuiFlexItem
-                grow={false}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <EuiText>
-                    <div
-                      className="euiText euiText--medium"
-                    >
-                      Focus on
-                    </div>
-                  </EuiText>
-                </div>
-              </EuiFlexItem>
-              <EuiFlexItem>
-                <div
-                  className="euiFlexItem"
-                >
-                  <EuiCompressedFieldSearch
-                    compressed={true}
-                    fullWidth={false}
-                    incremental={false}
-                    isClearable={true}
-                    isInvalid={false}
-                    isLoading={false}
-                    onChange={[Function]}
-                    onSearch={[Function]}
-                    placeholder="Service name"
-                    value=""
+                              htmlFor="random_html_id"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "minWidth": undefined,
+                                }
+                              }
+                            >
+                              <EuiButtonContent
+                                className="euiButton__content"
+                                iconGap="m"
+                                iconSide="left"
+                                textProps={
+                                  Object {
+                                    "className": "euiButton__text euiButtonGroupButton__textShift",
+                                    "data-text": "Duration",
+                                    "ref": [Function],
+                                    "title": "Duration",
+                                  }
+                                }
+                              >
+                                <span
+                                  className="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    className="euiButton__text euiButtonGroupButton__textShift"
+                                    data-text="Duration"
+                                    title="Duration"
+                                  >
+                                    <input
+                                      checked={true}
+                                      className="euiScreenReaderOnly"
+                                      data-test-subj="latency"
+                                      disabled={false}
+                                      id="random_html_id"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      type="radio"
+                                    />
+                                    Duration
+                                  </span>
+                                </span>
+                              </EuiButtonContent>
+                            </label>
+                          </EuiButtonDisplay>
+                        </EuiButtonGroupButton>
+                        <EuiButtonGroupButton
+                          color="text"
+                          element="label"
+                          id="error_rate"
+                          isDisabled={false}
+                          isIconOnly={false}
+                          isSelected={false}
+                          key="1"
+                          label="Errors"
+                          name="random_html_id"
+                          onChange={[Function]}
+                          size="s"
+                        >
+                          <EuiButtonDisplay
+                            baseClassName="euiButtonGroupButton"
+                            className=""
+                            color="text"
+                            element="label"
+                            fill={false}
+                            htmlFor="random_html_id"
+                            isDisabled={false}
+                            onClick={[Function]}
+                            size="s"
+                            textProps={
+                              Object {
+                                "className": "euiButtonGroupButton__textShift",
+                                "data-text": "Errors",
+                                "ref": [Function],
+                                "title": "Errors",
+                              }
+                            }
+                          >
+                            <label
+                              className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              disabled={false}
+                              htmlFor="random_html_id"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "minWidth": undefined,
+                                }
+                              }
+                            >
+                              <EuiButtonContent
+                                className="euiButton__content"
+                                iconGap="m"
+                                iconSide="left"
+                                textProps={
+                                  Object {
+                                    "className": "euiButton__text euiButtonGroupButton__textShift",
+                                    "data-text": "Errors",
+                                    "ref": [Function],
+                                    "title": "Errors",
+                                  }
+                                }
+                              >
+                                <span
+                                  className="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    className="euiButton__text euiButtonGroupButton__textShift"
+                                    data-text="Errors"
+                                    title="Errors"
+                                  >
+                                    <input
+                                      checked={false}
+                                      className="euiScreenReaderOnly"
+                                      data-test-subj="error_rate"
+                                      disabled={false}
+                                      id="random_html_id"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      type="radio"
+                                    />
+                                    Errors
+                                  </span>
+                                </span>
+                              </EuiButtonContent>
+                            </label>
+                          </EuiButtonDisplay>
+                        </EuiButtonGroupButton>
+                        <EuiButtonGroupButton
+                          color="text"
+                          element="label"
+                          id="throughput"
+                          isDisabled={false}
+                          isIconOnly={false}
+                          isSelected={false}
+                          key="2"
+                          label="Request Rate"
+                          name="random_html_id"
+                          onChange={[Function]}
+                          size="s"
+                        >
+                          <EuiButtonDisplay
+                            baseClassName="euiButtonGroupButton"
+                            className=""
+                            color="text"
+                            element="label"
+                            fill={false}
+                            htmlFor="random_html_id"
+                            isDisabled={false}
+                            onClick={[Function]}
+                            size="s"
+                            textProps={
+                              Object {
+                                "className": "euiButtonGroupButton__textShift",
+                                "data-text": "Request Rate",
+                                "ref": [Function],
+                                "title": "Request Rate",
+                              }
+                            }
+                          >
+                            <label
+                              className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              disabled={false}
+                              htmlFor="random_html_id"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "minWidth": undefined,
+                                }
+                              }
+                            >
+                              <EuiButtonContent
+                                className="euiButton__content"
+                                iconGap="m"
+                                iconSide="left"
+                                textProps={
+                                  Object {
+                                    "className": "euiButton__text euiButtonGroupButton__textShift",
+                                    "data-text": "Request Rate",
+                                    "ref": [Function],
+                                    "title": "Request Rate",
+                                  }
+                                }
+                              >
+                                <span
+                                  className="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    className="euiButton__text euiButtonGroupButton__textShift"
+                                    data-text="Request Rate"
+                                    title="Request Rate"
+                                  >
+                                    <input
+                                      checked={false}
+                                      className="euiScreenReaderOnly"
+                                      data-test-subj="throughput"
+                                      disabled={false}
+                                      id="random_html_id"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      type="radio"
+                                    />
+                                    Request Rate
+                                  </span>
+                                </span>
+                              </EuiButtonContent>
+                            </label>
+                          </EuiButtonDisplay>
+                        </EuiButtonGroupButton>
+                      </div>
+                    </fieldset>
+                  </EuiButtonGroup>
+                  <EuiHorizontalRule
+                    margin="m"
+                  >
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                    />
+                  </EuiHorizontalRule>
+                  <EuiFlexGroup
+                    alignItems="center"
+                    gutterSize="s"
                   >
-                    <EuiFormControlLayout
-                      compressed={true}
-                      fullWidth={false}
-                      icon="search"
-                      isLoading={false}
+                    <div
+                      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
-                      <div
-                        className="euiFormControlLayout euiFormControlLayout--compressed"
+                      <EuiFlexItem
+                        grow={false}
                       >
                         <div
-                          className="euiFormControlLayout__childrenWrapper"
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          <EuiValidatableControl
-                            isInvalid={false}
-                          >
-                            <input
-                              className="euiFieldSearch euiFieldSearch--compressed"
-                              onChange={[Function]}
-                              onKeyUp={[Function]}
-                              placeholder="Service name"
-                              type="search"
-                              value=""
-                            />
-                          </EuiValidatableControl>
-                          <EuiFormControlLayoutIcons
+                          <EuiText>
+                            <div
+                              className="euiText euiText--medium"
+                            >
+                              Focus on
+                            </div>
+                          </EuiText>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiFlexItem>
+                        <div
+                          className="euiFlexItem"
+                        >
+                          <EuiCompressedFieldSearch
                             compressed={true}
-                            icon="search"
+                            fullWidth={false}
+                            incremental={false}
+                            isClearable={true}
+                            isInvalid={false}
                             isLoading={false}
+                            onChange={[Function]}
+                            onSearch={[Function]}
+                            placeholder="Service name"
+                            value=""
                           >
-                            <div
-                              className="euiFormControlLayoutIcons"
+                            <EuiFormControlLayout
+                              compressed={true}
+                              fullWidth={false}
+                              icon="search"
+                              isLoading={false}
                             >
-                              <EuiFormControlLayoutCustomIcon
-                                size="s"
-                                type="search"
+                              <div
+                                className="euiFormControlLayout euiFormControlLayout--compressed"
                               >
-                                <span
-                                  className="euiFormControlLayoutCustomIcon"
+                                <div
+                                  className="euiFormControlLayout__childrenWrapper"
                                 >
-                                  <EuiIcon
-                                    aria-hidden="true"
-                                    className="euiFormControlLayoutCustomIcon__icon"
-                                    size="s"
-                                    type="search"
+                                  <EuiValidatableControl
+                                    isInvalid={false}
                                   >
-                                    <EuiIconBeaker
-                                      aria-hidden={true}
-                                      className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      role="img"
-                                      style={null}
+                                    <input
+                                      className="euiFieldSearch euiFieldSearch--compressed"
+                                      onChange={[Function]}
+                                      onKeyUp={[Function]}
+                                      placeholder="Service name"
+                                      type="search"
+                                      value=""
+                                    />
+                                  </EuiValidatableControl>
+                                  <EuiFormControlLayoutIcons
+                                    compressed={true}
+                                    icon="search"
+                                    isLoading={false}
+                                  >
+                                    <div
+                                      className="euiFormControlLayoutIcons"
                                     >
-                                      <svg
-                                        aria-hidden={true}
-                                        className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height={16}
-                                        role="img"
-                                        style={null}
-                                        viewBox="0 0 16 16"
-                                        width={16}
-                                        xmlns="http://www.w3.org/2000/svg"
+                                      <EuiFormControlLayoutCustomIcon
+                                        size="s"
+                                        type="search"
                                       >
-                                        <path
-                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                        />
-                                      </svg>
-                                    </EuiIconBeaker>
-                                  </EuiIcon>
-                                </span>
-                              </EuiFormControlLayoutCustomIcon>
-                            </div>
-                          </EuiFormControlLayoutIcons>
+                                        <span
+                                          className="euiFormControlLayoutCustomIcon"
+                                        >
+                                          <EuiIcon
+                                            aria-hidden="true"
+                                            className="euiFormControlLayoutCustomIcon__icon"
+                                            size="s"
+                                            type="search"
+                                          >
+                                            <EuiIconBeaker
+                                              aria-hidden={true}
+                                              className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                              focusable="false"
+                                              role="img"
+                                              style={null}
+                                            >
+                                              <svg
+                                                aria-hidden={true}
+                                                className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                                focusable="false"
+                                                height={16}
+                                                role="img"
+                                                style={null}
+                                                viewBox="0 0 16 16"
+                                                width={16}
+                                                xmlns="http://www.w3.org/2000/svg"
+                                              >
+                                                <path
+                                                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                />
+                                              </svg>
+                                            </EuiIconBeaker>
+                                          </EuiIcon>
+                                        </span>
+                                      </EuiFormControlLayoutCustomIcon>
+                                    </div>
+                                  </EuiFormControlLayoutIcons>
+                                </div>
+                              </div>
+                            </EuiFormControlLayout>
+                          </EuiCompressedFieldSearch>
                         </div>
-                      </div>
-                    </EuiFormControlLayout>
-                  </EuiCompressedFieldSearch>
-                </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer>
-            <div
-              className="euiSpacer euiSpacer--l"
-            />
-          </EuiSpacer>
-          <div
-            style={
-              Object {
-                "minHeight": 434,
-              }
-            }
-          >
-            <NoMatchMessage
-              size="s"
-            >
-              <EuiSpacer
-                size="s"
-              >
-                <div
-                  className="euiSpacer euiSpacer--s"
-                />
-              </EuiSpacer>
-              <EuiEmptyPrompt
-                body={
-                  <EuiText
-                    size="s"
-                  >
-                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                  </EuiText>
-                }
-                title={
-                  <h2>
-                    No matches
-                  </h2>
-                }
-              >
-                <div
-                  className="euiEmptyPrompt"
-                >
-                  <EuiTitle
-                    size="m"
-                  >
-                    <h2
-                      className="euiTitle euiTitle--medium"
-                    >
-                      No matches
-                    </h2>
-                  </EuiTitle>
-                  <EuiTextColor
-                    color="subdued"
+                      </EuiFlexItem>
+                    </div>
+                  </EuiFlexGroup>
+                  <EuiSpacer>
+                    <div
+                      className="euiSpacer euiSpacer--l"
+                    />
+                  </EuiSpacer>
+                  <div
+                    style={
+                      Object {
+                        "minHeight": 434,
+                      }
+                    }
                   >
-                    <span
-                      className="euiTextColor euiTextColor--subdued"
+                    <NoMatchMessage
+                      size="s"
                     >
                       <EuiSpacer
-                        size="m"
+                        size="s"
                       >
                         <div
-                          className="euiSpacer euiSpacer--m"
+                          className="euiSpacer euiSpacer--s"
                         />
                       </EuiSpacer>
-                      <EuiText>
-                        <div
-                          className="euiText euiText--medium"
-                        >
+                      <EuiEmptyPrompt
+                        body={
                           <EuiText
                             size="s"
                           >
-                            <div
-                              className="euiText euiText--small"
-                            >
-                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                            </div>
+                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                           </EuiText>
+                        }
+                        title={
+                          <h2>
+                            No matches
+                          </h2>
+                        }
+                      >
+                        <div
+                          className="euiEmptyPrompt"
+                        >
+                          <EuiTitle
+                            size="m"
+                          >
+                            <h2
+                              className="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                          </EuiTitle>
+                          <EuiTextColor
+                            color="subdued"
+                          >
+                            <span
+                              className="euiTextColor euiTextColor--subdued"
+                            >
+                              <EuiSpacer
+                                size="m"
+                              >
+                                <div
+                                  className="euiSpacer euiSpacer--m"
+                                />
+                              </EuiSpacer>
+                              <EuiText>
+                                <div
+                                  className="euiText euiText--medium"
+                                >
+                                  <EuiText
+                                    size="s"
+                                  >
+                                    <div
+                                      className="euiText euiText--small"
+                                    >
+                                      No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                    </div>
+                                  </EuiText>
+                                </div>
+                              </EuiText>
+                            </span>
+                          </EuiTextColor>
                         </div>
-                      </EuiText>
-                    </span>
-                  </EuiTextColor>
+                      </EuiEmptyPrompt>
+                      <EuiSpacer
+                        size="s"
+                      >
+                        <div
+                          className="euiSpacer euiSpacer--s"
+                        />
+                      </EuiSpacer>
+                    </NoMatchMessage>
+                  </div>
                 </div>
-              </EuiEmptyPrompt>
+              </EuiPanel>
               <EuiSpacer
-                size="s"
+                size="xl"
               >
                 <div
-                  className="euiSpacer euiSpacer--s"
+                  className="euiSpacer euiSpacer--xl"
                 />
               </EuiSpacer>
-            </NoMatchMessage>
+            </ServiceMap>
           </div>
-        </div>
-      </EuiPanel>
-      <EuiSpacer
-        size="xl"
-      >
-        <div
-          className="euiSpacer euiSpacer--xl"
-        />
-      </EuiSpacer>
-    </ServiceMap>
+        </EuiPageBody>
+      </div>
+    </EuiPage>
   </ServicesContent>
 </Services>
 `;
@@ -2852,402 +3289,310 @@ exports[`Services component renders jaeger services page 1`] = `
     startTime="now-5m"
     traceColumnAction={[Function]}
   >
-    <ForwardRef
-      appConfigs={Array []}
-      attributesFilterFields={Array []}
-      endTime="now"
-      filters={Array []}
-      mode="jaeger"
-      page="services"
-      query=""
-      refresh={[Function]}
-      setEndTime={[MockFunction]}
-      setFilters={
-        [MockFunction] {
-          "calls": Array [
-            Array [
-              Array [],
-            ],
-          ],
-          "results": Array [
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
-          ],
-        }
-      }
-      setQuery={[MockFunction]}
-      setStartTime={[MockFunction]}
-      startTime="now-5m"
+    <EuiPage
+      paddingSize="m"
     >
-      <EuiFlexGroup
-        gutterSize="s"
+      <div
+        className="euiPage euiPage--paddingMedium euiPage--grow"
       >
-        <div
-          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <EuiFlexItem>
-            <div
-              className="euiFlexItem"
+        <EuiPageBody>
+          <div
+            className="euiPageBody euiPageBody--borderRadiusNone"
+          >
+            <EuiFlexGroup
+              alignItems="center"
+              gutterSize="s"
+              justifyContent="spaceBetween"
             >
-              <EuiCompressedFieldSearch
-                compressed={true}
-                data-test-subj="search-bar-input-box"
-                fullWidth={true}
-                incremental={false}
-                isClearable={false}
-                isLoading={false}
-                onChange={[Function]}
-                onSearch={[Function]}
-                placeholder="Trace ID, trace group name, service name"
-                value=""
+              <div
+                className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <EuiFormControlLayout
-                  compressed={true}
-                  fullWidth={true}
-                  icon="search"
-                  isLoading={false}
+                <EuiFlexItem
+                  grow={false}
                 >
                   <div
-                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+                    className="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <div
-                      className="euiFormControlLayout__childrenWrapper"
+                    <DataSourcePicker
+                      modes={
+                        Array [
+                          Object {
+                            "id": "jaeger",
+                            "title": "Jaeger",
+                          },
+                          Object {
+                            "id": "data_prepper",
+                            "title": "Data Prepper",
+                          },
+                        ]
+                      }
+                      selectedMode="jaeger"
                     >
-                      <EuiValidatableControl>
-                        <input
-                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-                          data-test-subj="search-bar-input-box"
-                          onChange={[Function]}
-                          onKeyUp={[Function]}
-                          placeholder="Trace ID, trace group name, service name"
-                          type="search"
-                          value=""
-                        />
-                      </EuiValidatableControl>
-                      <EuiFormControlLayoutIcons
-                        compressed={true}
-                        icon="search"
-                        isLoading={false}
+                      <EuiPopover
+                        anchorClassName="eui-textTruncate"
+                        anchorPosition="downCenter"
+                        button={
+                          <EuiSmallButtonEmpty
+                            className="dscIndexPattern__triggerButton"
+                            color="text"
+                            data-test-subj="indexPattern-switch-link"
+                            flush="left"
+                            iconSide="right"
+                            iconType="arrowDown"
+                            onClick={[Function]}
+                            title="jaeger"
+                          >
+                            Jaeger
+                          </EuiSmallButtonEmpty>
+                        }
+                        className="eui-textTruncate"
+                        closePopover={[Function]}
+                        display="inlineBlock"
+                        hasArrow={true}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="s"
                       >
                         <div
-                          className="euiFormControlLayoutIcons"
+                          className="euiPopover euiPopover--anchorDownCenter eui-textTruncate"
                         >
-                          <EuiFormControlLayoutCustomIcon
-                            size="s"
-                            type="search"
+                          <div
+                            className="euiPopover__anchor eui-textTruncate"
                           >
-                            <span
-                              className="euiFormControlLayoutCustomIcon"
+                            <EuiSmallButtonEmpty
+                              className="dscIndexPattern__triggerButton"
+                              color="text"
+                              data-test-subj="indexPattern-switch-link"
+                              flush="left"
+                              iconSide="right"
+                              iconType="arrowDown"
+                              onClick={[Function]}
+                              title="jaeger"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiFormControlLayoutCustomIcon__icon"
+                              <EuiButtonEmpty
+                                className="dscIndexPattern__triggerButton"
+                                color="text"
+                                data-test-subj="indexPattern-switch-link"
+                                flush="left"
+                                iconSide="right"
+                                iconType="arrowDown"
+                                onClick={[Function]}
                                 size="s"
-                                type="search"
+                                title="jaeger"
                               >
-                                <EuiIconSearch
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty--flushLeft dscIndexPattern__triggerButton"
+                                  data-test-subj="indexPattern-switch-link"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  title="jaeger"
+                                  type="button"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="right"
+                                    iconSize="m"
+                                    iconType="arrowDown"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    <path
-                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                    />
-                                  </svg>
-                                </EuiIconSearch>
-                              </EuiIcon>
-                            </span>
-                          </EuiFormControlLayoutCustomIcon>
+                                    <span
+                                      className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                    >
+                                      <EuiIcon
+                                        className="euiButtonContent__icon"
+                                        color="inherit"
+                                        size="m"
+                                        type="arrowDown"
+                                      >
+                                        <EuiIconArrowDown
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                          focusable="false"
+                                          role="img"
+                                          style={null}
+                                        >
+                                          <svg
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                            focusable="false"
+                                            height={16}
+                                            role="img"
+                                            style={null}
+                                            viewBox="0 0 16 16"
+                                            width={16}
+                                            xmlns="http://www.w3.org/2000/svg"
+                                          >
+                                            <path
+                                              d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                              fillRule="non-zero"
+                                            />
+                                          </svg>
+                                        </EuiIconArrowDown>
+                                      </EuiIcon>
+                                      <span
+                                        className="euiButtonEmpty__text"
+                                      >
+                                        Jaeger
+                                      </span>
+                                    </span>
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
+                            </EuiSmallButtonEmpty>
+                          </div>
                         </div>
-                      </EuiFormControlLayoutIcons>
-                    </div>
+                      </EuiPopover>
+                    </DataSourcePicker>
                   </div>
-                </EuiFormControlLayout>
-              </EuiCompressedFieldSearch>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-            style={
-              Object {
-                "maxWidth": "40vw",
-              }
-            }
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-              style={
-                Object {
-                  "maxWidth": "40vw",
-                }
-              }
-            >
-              <EuiSuperDatePicker
-                commonlyUsedRanges={
-                  Array [
-                    Object {
-                      "end": "now/d",
-                      "label": "Today",
-                      "start": "now/d",
-                    },
-                    Object {
-                      "end": "now/w",
-                      "label": "This week",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now/M",
-                      "label": "This month",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now/y",
-                      "label": "This year",
-                      "start": "now/y",
-                    },
-                    Object {
-                      "end": "now-1d/d",
-                      "label": "Yesterday",
-                      "start": "now-1d/d",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Week to date",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Month to date",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Year to date",
-                      "start": "now/y",
-                    },
-                  ]
-                }
-                compressed={false}
-                dateFormat=""
-                end="now"
-                isAutoRefreshOnly={false}
-                isDisabled={false}
-                isPaused={true}
-                onTimeChange={[Function]}
-                recentlyUsedRanges={Array []}
-                refreshInterval={0}
-                showUpdateButton={false}
-                start="now-5m"
-                timeFormat="HH:mm"
-              >
-                <EuiFlexGroup
-                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
-                  gutterSize="s"
-                  responsive={false}
+                </EuiFlexItem>
+                <EuiFlexItem
+                  grow={true}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                    className="euiFlexItem"
                   >
-                    <EuiFlexItem>
-                      <div
-                        className="euiFlexItem"
+                    <ForwardRef
+                      attributesFilterFields={Array []}
+                      endTime="now"
+                      filters={Array []}
+                      mode="jaeger"
+                      page="services"
+                      query=""
+                      refresh={[Function]}
+                      setEndTime={[MockFunction]}
+                      setFilters={
+                        [MockFunction] {
+                          "calls": Array [
+                            Array [
+                              Array [],
+                            ],
+                          ],
+                          "results": Array [
+                            Object {
+                              "type": "return",
+                              "value": undefined,
+                            },
+                          ],
+                        }
+                      }
+                      setQuery={[MockFunction]}
+                      setStartTime={[MockFunction]}
+                      startTime="now-5m"
+                    >
+                      <EuiFlexGroup
+                        alignItems="center"
+                        gutterSize="s"
                       >
-                        <EuiFormControlLayout
-                          className="euiSuperDatePicker"
-                          compressed={false}
-                          isDisabled={false}
-                          prepend={
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
-                            />
-                          }
+                        <div
+                          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <div
-                            className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
-                          >
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              className="euiFormControlLayout__prepend"
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              key="0/.0"
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
                             >
-                              <EuiPopover
-                                anchorClassName="euiQuickSelectPopover__anchor"
-                                anchorPosition="downLeft"
-                                button={
-                                  <EuiButtonEmpty
-                                    aria-label="Date quick select"
-                                    className="euiFormControlLayout__prepend"
-                                    data-test-subj="superDatePickerToggleQuickMenuButton"
-                                    iconSide="right"
-                                    iconType="arrowDown"
-                                    isDisabled={false}
-                                    onClick={[Function]}
-                                    size="xs"
-                                    textProps={
-                                      Object {
-                                        "className": "euiQuickSelectPopover__buttonText",
+                              <EuiCompressedFieldSearch
+                                compressed={true}
+                                data-test-subj="search-bar-input-box"
+                                fullWidth={true}
+                                incremental={false}
+                                isClearable={false}
+                                isLoading={false}
+                                onChange={[Function]}
+                                onSearch={[Function]}
+                                placeholder="Trace ID, trace group name, service name"
+                                prepend={
+                                  <GlobalFilterButton
+                                    filters={Array []}
+                                    setFilters={
+                                      [MockFunction] {
+                                        "calls": Array [
+                                          Array [
+                                            Array [],
+                                          ],
+                                        ],
+                                        "results": Array [
+                                          Object {
+                                            "type": "return",
+                                            "value": undefined,
+                                          },
+                                        ],
                                       }
                                     }
-                                  >
-                                    <EuiIcon
-                                      type="calendar"
-                                    />
-                                  </EuiButtonEmpty>
+                                  />
                                 }
-                                closePopover={[Function]}
-                                display="inlineBlock"
-                                hasArrow={true}
-                                isOpen={false}
-                                ownFocus={true}
-                                panelPaddingSize="s"
+                                value=""
                               >
-                                <div
-                                  className="euiPopover euiPopover--anchorDownLeft"
+                                <EuiFormControlLayout
+                                  compressed={true}
+                                  fullWidth={true}
+                                  icon="search"
+                                  isLoading={false}
+                                  prepend={
+                                    <GlobalFilterButton
+                                      filters={Array []}
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    />
+                                  }
                                 >
                                   <div
-                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed euiFormControlLayout--group"
                                   >
-                                    <EuiButtonEmpty
-                                      aria-label="Date quick select"
+                                    <GlobalFilterButton
                                       className="euiFormControlLayout__prepend"
-                                      data-test-subj="superDatePickerToggleQuickMenuButton"
-                                      iconSide="right"
-                                      iconType="arrowDown"
-                                      isDisabled={false}
-                                      onClick={[Function]}
-                                      size="xs"
-                                      textProps={
-                                        Object {
-                                          "className": "euiQuickSelectPopover__buttonText",
+                                      filters={Array []}
+                                      key="0/.0"
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
                                         }
                                       }
                                     >
-                                      <button
-                                        aria-label="Date quick select"
-                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
-                                        data-test-subj="superDatePickerToggleQuickMenuButton"
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        type="button"
+                                      <EuiPopover
+                                        anchorPosition="rightUp"
+                                        button={
+                                          <EuiSmallButtonIcon
+                                            aria-label="Change all filters"
+                                            iconType="filter"
+                                            onClick={[Function]}
+                                            title="Change all filters"
+                                          />
+                                        }
+                                        closePopover={[Function]}
+                                        data-test-subj="global-filter-button"
+                                        display="inlineBlock"
+                                        hasArrow={true}
+                                        isOpen={false}
+                                        ownFocus={true}
+                                        panelPaddingSize="none"
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
@@ -3260,57 +3605,118 @@ exports[`Services component renders jaeger services page 1`] = `
                                               "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
                                             }
                                           }
+                                        <div
+                                          className="euiPopover euiPopover--anchorRightUp"
+                                          data-test-subj="global-filter-button"
                                         >
-                                          <span
-                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                          <div
+                                            className="euiPopover__anchor"
                                           >
-                                            <EuiIcon
-                                              className="euiButtonContent__icon"
-                                              color="inherit"
-                                              size="s"
-                                              type="arrowDown"
+                                            <EuiSmallButtonIcon
+                                              aria-label="Change all filters"
+                                              iconType="filter"
+                                              onClick={[Function]}
+                                              title="Change all filters"
                                             >
-                                              <EuiIconArrowDown
-                                                aria-hidden={true}
-                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                focusable="false"
-                                                role="img"
-                                                style={null}
+                                              <EuiButtonIcon
+                                                aria-label="Change all filters"
+                                                iconType="filter"
+                                                onClick={[Function]}
+                                                size="s"
+                                                title="Change all filters"
                                               >
-                                                <svg
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                  focusable="false"
-                                                  height={16}
-                                                  role="img"
-                                                  style={null}
-                                                  viewBox="0 0 16 16"
-                                                  width={16}
-                                                  xmlns="http://www.w3.org/2000/svg"
+                                                <button
+                                                  aria-label="Change all filters"
+                                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  title="Change all filters"
+                                                  type="button"
                                                 >
-                                                  <path
-                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                                    fillRule="non-zero"
-                                                  />
-                                                </svg>
-                                              </EuiIconArrowDown>
-                                            </EuiIcon>
+                                                  <EuiIcon
+                                                    aria-hidden="true"
+                                                    className="euiButtonIcon__icon"
+                                                    color="inherit"
+                                                    size="m"
+                                                    type="filter"
+                                                  >
+                                                    <EuiIconFilter
+                                                      aria-hidden={true}
+                                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                      focusable="false"
+                                                      role="img"
+                                                      style={null}
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                        focusable="false"
+                                                        height={16}
+                                                        role="img"
+                                                        style={null}
+                                                        viewBox="0 0 16 16"
+                                                        width={16}
+                                                        xmlns="http://www.w3.org/2000/svg"
+                                                      >
+                                                        <path
+                                                          d="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1Zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1Zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1Z"
+                                                          fillRule="evenodd"
+                                                        />
+                                                      </svg>
+                                                    </EuiIconFilter>
+                                                  </EuiIcon>
+                                                </button>
+                                              </EuiButtonIcon>
+                                            </EuiSmallButtonIcon>
+                                          </div>
+                                        </div>
+                                      </EuiPopover>
+                                    </GlobalFilterButton>
+                                    <div
+                                      className="euiFormControlLayout__childrenWrapper"
+                                    >
+                                      <EuiValidatableControl>
+                                        <input
+                                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch--inGroup"
+                                          data-test-subj="search-bar-input-box"
+                                          onChange={[Function]}
+                                          onKeyUp={[Function]}
+                                          placeholder="Trace ID, trace group name, service name"
+                                          type="search"
+                                          value=""
+                                        />
+                                      </EuiValidatableControl>
+                                      <EuiFormControlLayoutIcons
+                                        compressed={true}
+                                        icon="search"
+                                        isLoading={false}
+                                      >
+                                        <div
+                                          className="euiFormControlLayoutIcons"
+                                        >
+                                          <EuiFormControlLayoutCustomIcon
+                                            size="s"
+                                            type="search"
+                                          >
                                             <span
-                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                              className="euiFormControlLayoutCustomIcon"
                                             >
                                               <EuiIcon
-                                                type="calendar"
+                                                aria-hidden="true"
+                                                className="euiFormControlLayoutCustomIcon__icon"
+                                                size="s"
+                                                type="search"
                                               >
-                                                <EuiIconCalendar
+                                                <EuiIconSearch
                                                   aria-hidden={true}
-                                                  className="euiIcon euiIcon--medium"
+                                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                   focusable="false"
                                                   role="img"
                                                   style={null}
                                                 >
                                                   <svg
                                                     aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium"
+                                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                     focusable="false"
                                                     height={16}
                                                     role="img"
@@ -3677,271 +4083,835 @@ exports[`Services component renders jaeger services page 1`] = `
                               iconSide="left"
                               iconSize="s"
                               textProps={
+                                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                                    />
+                                                  </svg>
+                                                </EuiIconSearch>
+                                              </EuiIcon>
+                                            </span>
+                                          </EuiFormControlLayoutCustomIcon>
+                                        </div>
+                                      </EuiFormControlLayoutIcons>
+                                    </div>
+                                  </div>
+                                </EuiFormControlLayout>
+                              </EuiCompressedFieldSearch>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                            style={
+                              Object {
+                                "maxWidth": "30vw",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                              style={
                                 Object {
-                                  "className": "euiButtonEmpty__text",
+                                  "maxWidth": "30vw",
                                 }
                               }
                             >
-                              <span
-                                className="euiButtonContent euiButtonEmpty__content"
+                              <EuiSuperDatePicker
+                                commonlyUsedRanges={
+                                  Array [
+                                    Object {
+                                      "end": "now/d",
+                                      "label": "Today",
+                                      "start": "now/d",
+                                    },
+                                    Object {
+                                      "end": "now/w",
+                                      "label": "This week",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now/M",
+                                      "label": "This month",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now/y",
+                                      "label": "This year",
+                                      "start": "now/y",
+                                    },
+                                    Object {
+                                      "end": "now-1d/d",
+                                      "label": "Yesterday",
+                                      "start": "now-1d/d",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Week to date",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Month to date",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Year to date",
+                                      "start": "now/y",
+                                    },
+                                  ]
+                                }
+                                compressed={true}
+                                dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                end="now"
+                                isAutoRefreshOnly={false}
+                                isDisabled={false}
+                                isPaused={true}
+                                onTimeChange={[Function]}
+                                recentlyUsedRanges={Array []}
+                                refreshInterval={0}
+                                showUpdateButton={false}
+                                start="now-5m"
+                                timeFormat="HH:mm"
                               >
-                                <span
-                                  className="euiButtonEmpty__text"
+                                <EuiFlexGroup
+                                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  gutterSize="s"
+                                  responsive={false}
                                 >
-                                  + Add filter
-                                </span>
-                              </span>
-                            </EuiButtonContent>
-                          </button>
-                        </EuiButtonEmpty>
-                      </div>
-                    </div>
-                  </EuiPopover>
-                </AddFilterButton>
-              </div>
-            </EuiFlexItem>
-          </div>
-        </EuiFlexGroup>
-      </Filters>
-    </ForwardRef>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <ServicesTable
-      addFilter={[Function]}
-      addServicesGroupFilter={[Function]}
-      dataPrepperIndicesExist={false}
-      isServiceTrendEnabled={false}
-      items={Array []}
-      jaegerIndicesExist={true}
-      loading={true}
-      mode="jaeger"
-      selectedItems={Array []}
-      serviceTrends={Object {}}
-      setIsServiceTrendEnabled={[Function]}
-      setRedirect={[Function]}
-      setSelectedItems={[Function]}
-      traceColumnAction={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <EuiFlexGroup
-            justifyContent="spaceBetween"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <EuiFlexItem
-                grow={false}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <PanelTitle
-                    title="Services"
-                    totalItems={0}
-                  >
-                    <EuiText
-                      size="m"
-                    >
-                      <div
-                        className="euiText euiText--medium"
-                      >
-                        <span
-                          className="panel-title"
-                        >
-                          Services
-                        </span>
-                        <span
-                          className="panel-title-count"
-                        >
-                           (0)
-                        </span>
-                      </div>
-                    </EuiText>
-                  </PanelTitle>
-                </div>
-              </EuiFlexItem>
-              <EuiFlexItem
-                grow={false}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <EuiFlexGroup>
-                    <div
-                      className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <EuiFlexItem>
-                        <div
-                          className="euiFlexItem"
-                        >
-                          <EuiToolTip
-                            content="Select services to filter"
-                            delay="regular"
-                            position="top"
+                                  <div
+                                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  >
+                                    <EuiFlexItem>
+                                      <div
+                                        className="euiFlexItem"
+                                      >
+                                        <EuiFormControlLayout
+                                          className="euiSuperDatePicker"
+                                          compressed={true}
+                                          isDisabled={false}
+                                          prepend={
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            />
+                                          }
+                                        >
+                                          <div
+                                            className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
+                                          >
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              className="euiFormControlLayout__prepend"
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              key="0/.0"
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            >
+                                              <EuiPopover
+                                                anchorClassName="euiQuickSelectPopover__anchor"
+                                                anchorPosition="downLeft"
+                                                button={
+                                                  <EuiButtonEmpty
+                                                    aria-label="Date quick select"
+                                                    className="euiFormControlLayout__prepend"
+                                                    data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                    iconSide="right"
+                                                    iconType="arrowDown"
+                                                    isDisabled={false}
+                                                    onClick={[Function]}
+                                                    size="xs"
+                                                    textProps={
+                                                      Object {
+                                                        "className": "euiQuickSelectPopover__buttonText",
+                                                      }
+                                                    }
+                                                  >
+                                                    <EuiIcon
+                                                      type="calendar"
+                                                    />
+                                                  </EuiButtonEmpty>
+                                                }
+                                                closePopover={[Function]}
+                                                display="inlineBlock"
+                                                hasArrow={true}
+                                                isOpen={false}
+                                                ownFocus={true}
+                                                panelPaddingSize="s"
+                                              >
+                                                <div
+                                                  className="euiPopover euiPopover--anchorDownLeft"
+                                                >
+                                                  <div
+                                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                                  >
+                                                    <EuiButtonEmpty
+                                                      aria-label="Date quick select"
+                                                      className="euiFormControlLayout__prepend"
+                                                      data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                      iconSide="right"
+                                                      iconType="arrowDown"
+                                                      isDisabled={false}
+                                                      onClick={[Function]}
+                                                      size="xs"
+                                                      textProps={
+                                                        Object {
+                                                          "className": "euiQuickSelectPopover__buttonText",
+                                                        }
+                                                      }
+                                                    >
+                                                      <button
+                                                        aria-label="Date quick select"
+                                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
+                                                        data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        type="button"
+                                                      >
+                                                        <EuiButtonContent
+                                                          className="euiButtonEmpty__content"
+                                                          iconGap="m"
+                                                          iconSide="right"
+                                                          iconSize="s"
+                                                          iconType="arrowDown"
+                                                          textProps={
+                                                            Object {
+                                                              "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                                          >
+                                                            <EuiIcon
+                                                              className="euiButtonContent__icon"
+                                                              color="inherit"
+                                                              size="s"
+                                                              type="arrowDown"
+                                                            >
+                                                              <EuiIconArrowDown
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                focusable="false"
+                                                                role="img"
+                                                                style={null}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                  focusable="false"
+                                                                  height={16}
+                                                                  role="img"
+                                                                  style={null}
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                                                    fillRule="non-zero"
+                                                                  />
+                                                                </svg>
+                                                              </EuiIconArrowDown>
+                                                            </EuiIcon>
+                                                            <span
+                                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                            >
+                                                              <EuiIcon
+                                                                type="calendar"
+                                                              >
+                                                                <EuiIconCalendar
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--medium"
+                                                                  focusable="false"
+                                                                  role="img"
+                                                                  style={null}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden={true}
+                                                                    className="euiIcon euiIcon--medium"
+                                                                    focusable="false"
+                                                                    height={16}
+                                                                    role="img"
+                                                                    style={null}
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M14 4v-.994C14 2.45 13.55 2 12.994 2H11v1h-1V2H6v1H5V2H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14h9.988C13.55 14 14 13.55 14 12.994V5H2V4h12zm-3-3h1.994C14.102 1 15 1.897 15 3.006v9.988A2.005 2.005 0 0 1 12.994 15H3.006A2.005 2.005 0 0 1 1 12.994V3.006C1 1.898 1.897 1 3.006 1H5V0h1v1h4V0h1v1zM4 7h2v1H4V7zm3 0h2v1H7V7zm3 0h2v1h-2V7zM4 9h2v1H4V9zm3 0h2v1H7V9zm3 0h2v1h-2V9zm-6 2h2v1H4v-1zm3 0h2v1H7v-1zm3 0h2v1h-2v-1z"
+                                                                      fillRule="evenodd"
+                                                                    />
+                                                                  </svg>
+                                                                </EuiIconCalendar>
+                                                              </EuiIcon>
+                                                            </span>
+                                                          </span>
+                                                        </EuiButtonContent>
+                                                      </button>
+                                                    </EuiButtonEmpty>
+                                                  </div>
+                                                </div>
+                                              </EuiPopover>
+                                            </EuiQuickSelectPopover>
+                                            <div
+                                              className="euiFormControlLayout__childrenWrapper"
+                                            >
+                                              <EuiDatePickerRange
+                                                className="euiDatePickerRange--inGroup"
+                                                endDateControl={<div />}
+                                                iconType={false}
+                                                isCustom={true}
+                                                startDateControl={<div />}
+                                              >
+                                                <div
+                                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                                >
+                                                  <button
+                                                    className="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
+                                                    data-test-subj="superDatePickerShowDatesButton"
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Last 5 minutes
+                                                    <span
+                                                      className="euiSuperDatePicker__prettyFormatLink"
+                                                    >
+                                                      <EuiI18n
+                                                        default="Show dates"
+                                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                                      >
+                                                        Show dates
+                                                      </EuiI18n>
+                                                    </span>
+                                                  </button>
+                                                </div>
+                                              </EuiDatePickerRange>
+                                              <EuiFormControlLayoutIcons
+                                                compressed={true}
+                                              />
+                                            </div>
+                                          </div>
+                                        </EuiFormControlLayout>
+                                      </div>
+                                    </EuiFlexItem>
+                                  </div>
+                                </EuiFlexGroup>
+                              </EuiSuperDatePicker>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
                           >
-                            <span
-                              className="euiToolTipAnchor"
-                              onKeyUp={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
                             >
-                              <EuiButtonEmpty
-                                isDisabled={true}
-                                onBlur={[Function]}
+                              <EuiButtonIcon
+                                aria-label="Refresh"
+                                data-click-metric-element="trace_analytics.refresh_button"
+                                data-test-subj="superDatePickerApplyTimeButton"
+                                display="base"
+                                iconType="refresh"
                                 onClick={[Function]}
-                                onFocus={[Function]}
-                                size="xs"
+                                size="s"
                               >
                                 <button
-                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty-isDisabled"
-                                  disabled={true}
-                                  onBlur={[Function]}
+                                  aria-label="Refresh"
+                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--small"
+                                  data-click-metric-element="trace_analytics.refresh_button"
+                                  data-test-subj="superDatePickerApplyTimeButton"
+                                  disabled={false}
                                   onClick={[Function]}
-                                  onFocus={[Function]}
                                   type="button"
                                 >
-                                  <EuiButtonContent
-                                    className="euiButtonEmpty__content"
-                                    iconGap="m"
-                                    iconSide="left"
-                                    iconSize="s"
-                                    textProps={
-                                      Object {
-                                        "className": "euiButtonEmpty__text",
-                                      }
-                                    }
+                                  <EuiIcon
+                                    aria-hidden="true"
+                                    className="euiButtonIcon__icon"
+                                    color="inherit"
+                                    size="m"
+                                    type="refresh"
                                   >
-                                    <span
-                                      className="euiButtonContent euiButtonEmpty__content"
-                                    >
-                                      <span
-                                        className="euiButtonEmpty__text"
+                                    <EuiIconRefresh
+                                      aria-hidden={true}
+                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                      focusable="false"
+                                      role="img"
+                                      style={null}
+                                    >
+                                      <svg
+                                        aria-hidden={true}
+                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                        focusable="false"
+                                        height={16}
+                                        role="img"
+                                        style={null}
+                                        viewBox="0 0 16 16"
+                                        width={16}
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                                        />
+                                      </svg>
+                                    </EuiIconRefresh>
+                                  </EuiIcon>
+                                </button>
+                              </EuiButtonIcon>
+                            </div>
+                          </EuiFlexItem>
+                        </div>
+                      </EuiFlexGroup>
+                    </ForwardRef>
+                  </div>
+                </EuiFlexItem>
+              </div>
+            </EuiFlexGroup>
+            <Filters
+              appConfigs={Array []}
+              attributesFilterFields={Array []}
+              filters={Array []}
+              mode="jaeger"
+              page="services"
+              setFilters={
+                [MockFunction] {
+                  "calls": Array [
+                    Array [
+                      Array [],
+                    ],
+                  ],
+                  "results": Array [
+                    Object {
+                      "type": "return",
+                      "value": undefined,
+                    },
+                  ],
+                }
+              }
+            >
+              <EuiFlexGroup
+                alignItems="center"
+                gutterSize="xs"
+                responsive={false}
+              >
+                <div
+                  className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                >
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <AddFilterButton>
+                        <EuiPopover
+                          anchorPosition="downLeft"
+                          button={
+                            <EuiButtonEmpty
+                              flush="left"
+                              onClick={[Function]}
+                              size="xs"
+                            >
+                              + Add filter
+                            </EuiButtonEmpty>
+                          }
+                          closePopover={[Function]}
+                          data-test-subj="addfilter"
+                          display="inlineBlock"
+                          hasArrow={true}
+                          isOpen={false}
+                          ownFocus={true}
+                          panelPaddingSize="m"
+                        >
+                          <div
+                            className="euiPopover euiPopover--anchorDownLeft"
+                            data-test-subj="addfilter"
+                          >
+                            <div
+                              className="euiPopover__anchor"
+                            >
+                              <EuiButtonEmpty
+                                flush="left"
+                                onClick={[Function]}
+                                size="xs"
+                              >
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
+                                >
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="left"
+                                    iconSize="s"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
+                                  >
+                                    <span
+                                      className="euiButtonContent euiButtonEmpty__content"
+                                    >
+                                      <span
+                                        className="euiButtonEmpty__text"
                                       >
-                                        Filter services
+                                        + Add filter
                                       </span>
                                     </span>
                                   </EuiButtonContent>
                                 </button>
                               </EuiButtonEmpty>
-                            </span>
-                          </EuiToolTip>
-                        </div>
-                      </EuiFlexItem>
+                            </div>
+                          </div>
+                        </EuiPopover>
+                      </AddFilterButton>
                     </div>
-                  </EuiFlexGroup>
+                  </EuiFlexItem>
                 </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiHorizontalRule
-            margin="none"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full"
-            />
-          </EuiHorizontalRule>
-          <NoMatchMessage
-            size="xl"
-          >
+              </EuiFlexGroup>
+            </Filters>
             <EuiSpacer
-              size="xl"
+              size="s"
             >
               <div
-                className="euiSpacer euiSpacer--xl"
+                className="euiSpacer euiSpacer--s"
               />
             </EuiSpacer>
-            <EuiEmptyPrompt
-              body={
-                <EuiText
-                  size="s"
-                >
-                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                </EuiText>
-              }
-              title={
-                <h2>
-                  No matches
-                </h2>
-              }
+            <ServicesTable
+              addFilter={[Function]}
+              addServicesGroupFilter={[Function]}
+              dataPrepperIndicesExist={false}
+              isServiceTrendEnabled={false}
+              items={Array []}
+              jaegerIndicesExist={true}
+              loading={true}
+              mode="jaeger"
+              selectedItems={Array []}
+              serviceTrends={Object {}}
+              setIsServiceTrendEnabled={[Function]}
+              setRedirect={[Function]}
+              setSelectedItems={[Function]}
+              traceColumnAction={[Function]}
             >
-              <div
-                className="euiEmptyPrompt"
-              >
-                <EuiTitle
-                  size="m"
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                 >
-                  <h2
-                    className="euiTitle euiTitle--medium"
+                  <EuiFlexGroup
+                    justifyContent="spaceBetween"
                   >
-                    No matches
-                  </h2>
-                </EuiTitle>
-                <EuiTextColor
-                  color="subdued"
-                >
-                  <span
-                    className="euiTextColor euiTextColor--subdued"
+                    <div
+                      className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+                    >
+                      <EuiFlexItem
+                        grow={false}
+                      >
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <PanelTitle
+                            title="Services"
+                            totalItems={0}
+                          >
+                            <EuiText
+                              size="m"
+                            >
+                              <div
+                                className="euiText euiText--medium"
+                              >
+                                <span
+                                  className="panel-title"
+                                >
+                                  Services
+                                </span>
+                                <span
+                                  className="panel-title-count"
+                                >
+                                   (0)
+                                </span>
+                              </div>
+                            </EuiText>
+                          </PanelTitle>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiFlexItem
+                        grow={false}
+                      >
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <EuiFlexGroup>
+                            <div
+                              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            >
+                              <EuiFlexItem>
+                                <div
+                                  className="euiFlexItem"
+                                >
+                                  <EuiToolTip
+                                    content="Select services to filter"
+                                    delay="regular"
+                                    position="top"
+                                  >
+                                    <span
+                                      className="euiToolTipAnchor"
+                                      onKeyUp={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                    >
+                                      <EuiButtonEmpty
+                                        isDisabled={true}
+                                        onBlur={[Function]}
+                                        onClick={[Function]}
+                                        onFocus={[Function]}
+                                        size="xs"
+                                      >
+                                        <button
+                                          className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty-isDisabled"
+                                          disabled={true}
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          type="button"
+                                        >
+                                          <EuiButtonContent
+                                            className="euiButtonEmpty__content"
+                                            iconGap="m"
+                                            iconSide="left"
+                                            iconSize="s"
+                                            textProps={
+                                              Object {
+                                                "className": "euiButtonEmpty__text",
+                                              }
+                                            }
+                                          >
+                                            <span
+                                              className="euiButtonContent euiButtonEmpty__content"
+                                            >
+                                              <span
+                                                className="euiButtonEmpty__text"
+                                              >
+                                                Filter services
+                                              </span>
+                                            </span>
+                                          </EuiButtonContent>
+                                        </button>
+                                      </EuiButtonEmpty>
+                                    </span>
+                                  </EuiToolTip>
+                                </div>
+                              </EuiFlexItem>
+                            </div>
+                          </EuiFlexGroup>
+                        </div>
+                      </EuiFlexItem>
+                    </div>
+                  </EuiFlexGroup>
+                  <EuiSpacer
+                    size="m"
+                  >
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiHorizontalRule
+                    margin="none"
+                  >
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full"
+                    />
+                  </EuiHorizontalRule>
+                  <NoMatchMessage
+                    size="xl"
                   >
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                    <EuiText>
-                      <div
-                        className="euiText euiText--medium"
-                      >
+                    <EuiEmptyPrompt
+                      body={
                         <EuiText
                           size="s"
                         >
-                          <div
-                            className="euiText euiText--small"
-                          >
-                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                          </div>
+                          No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                         </EuiText>
+                      }
+                      title={
+                        <h2>
+                          No matches
+                        </h2>
+                      }
+                    >
+                      <div
+                        className="euiEmptyPrompt"
+                      >
+                        <EuiTitle
+                          size="m"
+                        >
+                          <h2
+                            className="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                        </EuiTitle>
+                        <EuiTextColor
+                          color="subdued"
+                        >
+                          <span
+                            className="euiTextColor euiTextColor--subdued"
+                          >
+                            <EuiSpacer
+                              size="m"
+                            >
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                            <EuiText>
+                              <div
+                                className="euiText euiText--medium"
+                              >
+                                <EuiText
+                                  size="s"
+                                >
+                                  <div
+                                    className="euiText euiText--small"
+                                  >
+                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                  </div>
+                                </EuiText>
+                              </div>
+                            </EuiText>
+                          </span>
+                        </EuiTextColor>
                       </div>
-                    </EuiText>
-                  </span>
-                </EuiTextColor>
-              </div>
-            </EuiEmptyPrompt>
+                    </EuiEmptyPrompt>
+                    <EuiSpacer
+                      size="xl"
+                    >
+                      <div
+                        className="euiSpacer euiSpacer--xl"
+                      />
+                    </EuiSpacer>
+                  </NoMatchMessage>
+                </div>
+              </EuiPanel>
+            </ServicesTable>
             <EuiSpacer
-              size="xl"
+              size="s"
             >
               <div
-                className="euiSpacer euiSpacer--xl"
+                className="euiSpacer euiSpacer--s"
               />
             </EuiSpacer>
-          </NoMatchMessage>
-        </div>
-      </EuiPanel>
-    </ServicesTable>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <div />
+            <div />
+          </div>
+        </EuiPageBody>
+      </div>
+    </EuiPage>
   </ServicesContent>
 </Services>
 `;
@@ -4536,402 +5506,310 @@ exports[`Services component renders services page 1`] = `
     startTime="now-5m"
     traceColumnAction={[Function]}
   >
-    <ForwardRef
-      appConfigs={Array []}
-      attributesFilterFields={Array []}
-      endTime="now"
-      filters={Array []}
-      mode="data_prepper"
-      page="services"
-      query=""
-      refresh={[Function]}
-      setEndTime={[MockFunction]}
-      setFilters={
-        [MockFunction] {
-          "calls": Array [
-            Array [
-              Array [],
-            ],
-          ],
-          "results": Array [
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
-          ],
-        }
-      }
-      setQuery={[MockFunction]}
-      setStartTime={[MockFunction]}
-      startTime="now-5m"
+    <EuiPage
+      paddingSize="m"
     >
-      <EuiFlexGroup
-        gutterSize="s"
+      <div
+        className="euiPage euiPage--paddingMedium euiPage--grow"
       >
-        <div
-          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <EuiFlexItem>
-            <div
-              className="euiFlexItem"
+        <EuiPageBody>
+          <div
+            className="euiPageBody euiPageBody--borderRadiusNone"
+          >
+            <EuiFlexGroup
+              alignItems="center"
+              gutterSize="s"
+              justifyContent="spaceBetween"
             >
-              <EuiCompressedFieldSearch
-                compressed={true}
-                data-test-subj="search-bar-input-box"
-                fullWidth={true}
-                incremental={false}
-                isClearable={false}
-                isLoading={false}
-                onChange={[Function]}
-                onSearch={[Function]}
-                placeholder="Trace ID, trace group name, service name"
-                value=""
+              <div
+                className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <EuiFormControlLayout
-                  compressed={true}
-                  fullWidth={true}
-                  icon="search"
-                  isLoading={false}
+                <EuiFlexItem
+                  grow={false}
                 >
                   <div
-                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+                    className="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <div
-                      className="euiFormControlLayout__childrenWrapper"
+                    <DataSourcePicker
+                      modes={
+                        Array [
+                          Object {
+                            "id": "jaeger",
+                            "title": "Jaeger",
+                          },
+                          Object {
+                            "id": "data_prepper",
+                            "title": "Data Prepper",
+                          },
+                        ]
+                      }
+                      selectedMode="data_prepper"
                     >
-                      <EuiValidatableControl>
-                        <input
-                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-                          data-test-subj="search-bar-input-box"
-                          onChange={[Function]}
-                          onKeyUp={[Function]}
-                          placeholder="Trace ID, trace group name, service name"
-                          type="search"
-                          value=""
-                        />
-                      </EuiValidatableControl>
-                      <EuiFormControlLayoutIcons
-                        compressed={true}
-                        icon="search"
-                        isLoading={false}
+                      <EuiPopover
+                        anchorClassName="eui-textTruncate"
+                        anchorPosition="downCenter"
+                        button={
+                          <EuiSmallButtonEmpty
+                            className="dscIndexPattern__triggerButton"
+                            color="text"
+                            data-test-subj="indexPattern-switch-link"
+                            flush="left"
+                            iconSide="right"
+                            iconType="arrowDown"
+                            onClick={[Function]}
+                            title="data_prepper"
+                          >
+                            Data Prepper
+                          </EuiSmallButtonEmpty>
+                        }
+                        className="eui-textTruncate"
+                        closePopover={[Function]}
+                        display="inlineBlock"
+                        hasArrow={true}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="s"
                       >
                         <div
-                          className="euiFormControlLayoutIcons"
+                          className="euiPopover euiPopover--anchorDownCenter eui-textTruncate"
                         >
-                          <EuiFormControlLayoutCustomIcon
-                            size="s"
-                            type="search"
+                          <div
+                            className="euiPopover__anchor eui-textTruncate"
                           >
-                            <span
-                              className="euiFormControlLayoutCustomIcon"
+                            <EuiSmallButtonEmpty
+                              className="dscIndexPattern__triggerButton"
+                              color="text"
+                              data-test-subj="indexPattern-switch-link"
+                              flush="left"
+                              iconSide="right"
+                              iconType="arrowDown"
+                              onClick={[Function]}
+                              title="data_prepper"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiFormControlLayoutCustomIcon__icon"
+                              <EuiButtonEmpty
+                                className="dscIndexPattern__triggerButton"
+                                color="text"
+                                data-test-subj="indexPattern-switch-link"
+                                flush="left"
+                                iconSide="right"
+                                iconType="arrowDown"
+                                onClick={[Function]}
                                 size="s"
-                                type="search"
+                                title="data_prepper"
                               >
-                                <EuiIconSearch
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty--flushLeft dscIndexPattern__triggerButton"
+                                  data-test-subj="indexPattern-switch-link"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  title="data_prepper"
+                                  type="button"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="right"
+                                    iconSize="m"
+                                    iconType="arrowDown"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    <path
-                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                    />
-                                  </svg>
-                                </EuiIconSearch>
-                              </EuiIcon>
-                            </span>
-                          </EuiFormControlLayoutCustomIcon>
-                        </div>
-                      </EuiFormControlLayoutIcons>
-                    </div>
-                  </div>
-                </EuiFormControlLayout>
-              </EuiCompressedFieldSearch>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-            style={
-              Object {
-                "maxWidth": "40vw",
-              }
-            }
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-              style={
-                Object {
-                  "maxWidth": "40vw",
-                }
-              }
-            >
-              <EuiSuperDatePicker
-                commonlyUsedRanges={
-                  Array [
-                    Object {
-                      "end": "now/d",
-                      "label": "Today",
-                      "start": "now/d",
-                    },
-                    Object {
-                      "end": "now/w",
-                      "label": "This week",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now/M",
-                      "label": "This month",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now/y",
-                      "label": "This year",
-                      "start": "now/y",
-                    },
-                    Object {
-                      "end": "now-1d/d",
-                      "label": "Yesterday",
-                      "start": "now-1d/d",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Week to date",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Month to date",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Year to date",
-                      "start": "now/y",
-                    },
-                  ]
-                }
-                compressed={false}
-                dateFormat=""
-                end="now"
-                isAutoRefreshOnly={false}
-                isDisabled={false}
-                isPaused={true}
-                onTimeChange={[Function]}
-                recentlyUsedRanges={Array []}
-                refreshInterval={0}
-                showUpdateButton={false}
-                start="now-5m"
-                timeFormat="HH:mm"
-              >
-                <EuiFlexGroup
-                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
-                  gutterSize="s"
-                  responsive={false}
+                                    <span
+                                      className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                    >
+                                      <EuiIcon
+                                        className="euiButtonContent__icon"
+                                        color="inherit"
+                                        size="m"
+                                        type="arrowDown"
+                                      >
+                                        <EuiIconArrowDown
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                          focusable="false"
+                                          role="img"
+                                          style={null}
+                                        >
+                                          <svg
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                            focusable="false"
+                                            height={16}
+                                            role="img"
+                                            style={null}
+                                            viewBox="0 0 16 16"
+                                            width={16}
+                                            xmlns="http://www.w3.org/2000/svg"
+                                          >
+                                            <path
+                                              d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                              fillRule="non-zero"
+                                            />
+                                          </svg>
+                                        </EuiIconArrowDown>
+                                      </EuiIcon>
+                                      <span
+                                        className="euiButtonEmpty__text"
+                                      >
+                                        Data Prepper
+                                      </span>
+                                    </span>
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
+                            </EuiSmallButtonEmpty>
+                          </div>
+                        </div>
+                      </EuiPopover>
+                    </DataSourcePicker>
+                  </div>
+                </EuiFlexItem>
+                <EuiFlexItem
+                  grow={true}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                    className="euiFlexItem"
                   >
-                    <EuiFlexItem>
-                      <div
-                        className="euiFlexItem"
+                    <ForwardRef
+                      attributesFilterFields={Array []}
+                      endTime="now"
+                      filters={Array []}
+                      mode="data_prepper"
+                      page="services"
+                      query=""
+                      refresh={[Function]}
+                      setEndTime={[MockFunction]}
+                      setFilters={
+                        [MockFunction] {
+                          "calls": Array [
+                            Array [
+                              Array [],
+                            ],
+                          ],
+                          "results": Array [
+                            Object {
+                              "type": "return",
+                              "value": undefined,
+                            },
+                          ],
+                        }
+                      }
+                      setQuery={[MockFunction]}
+                      setStartTime={[MockFunction]}
+                      startTime="now-5m"
+                    >
+                      <EuiFlexGroup
+                        alignItems="center"
+                        gutterSize="s"
                       >
-                        <EuiFormControlLayout
-                          className="euiSuperDatePicker"
-                          compressed={false}
-                          isDisabled={false}
-                          prepend={
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
-                            />
-                          }
+                        <div
+                          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <div
-                            className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
-                          >
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              className="euiFormControlLayout__prepend"
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              key="0/.0"
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
                             >
-                              <EuiPopover
-                                anchorClassName="euiQuickSelectPopover__anchor"
-                                anchorPosition="downLeft"
-                                button={
-                                  <EuiButtonEmpty
-                                    aria-label="Date quick select"
-                                    className="euiFormControlLayout__prepend"
-                                    data-test-subj="superDatePickerToggleQuickMenuButton"
-                                    iconSide="right"
-                                    iconType="arrowDown"
-                                    isDisabled={false}
-                                    onClick={[Function]}
-                                    size="xs"
-                                    textProps={
-                                      Object {
-                                        "className": "euiQuickSelectPopover__buttonText",
+                              <EuiCompressedFieldSearch
+                                compressed={true}
+                                data-test-subj="search-bar-input-box"
+                                fullWidth={true}
+                                incremental={false}
+                                isClearable={false}
+                                isLoading={false}
+                                onChange={[Function]}
+                                onSearch={[Function]}
+                                placeholder="Trace ID, trace group name, service name"
+                                prepend={
+                                  <GlobalFilterButton
+                                    filters={Array []}
+                                    setFilters={
+                                      [MockFunction] {
+                                        "calls": Array [
+                                          Array [
+                                            Array [],
+                                          ],
+                                        ],
+                                        "results": Array [
+                                          Object {
+                                            "type": "return",
+                                            "value": undefined,
+                                          },
+                                        ],
                                       }
                                     }
-                                  >
-                                    <EuiIcon
-                                      type="calendar"
-                                    />
-                                  </EuiButtonEmpty>
+                                  />
                                 }
-                                closePopover={[Function]}
-                                display="inlineBlock"
-                                hasArrow={true}
-                                isOpen={false}
-                                ownFocus={true}
-                                panelPaddingSize="s"
+                                value=""
                               >
-                                <div
-                                  className="euiPopover euiPopover--anchorDownLeft"
+                                <EuiFormControlLayout
+                                  compressed={true}
+                                  fullWidth={true}
+                                  icon="search"
+                                  isLoading={false}
+                                  prepend={
+                                    <GlobalFilterButton
+                                      filters={Array []}
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    />
+                                  }
                                 >
                                   <div
-                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed euiFormControlLayout--group"
                                   >
-                                    <EuiButtonEmpty
-                                      aria-label="Date quick select"
+                                    <GlobalFilterButton
                                       className="euiFormControlLayout__prepend"
-                                      data-test-subj="superDatePickerToggleQuickMenuButton"
-                                      iconSide="right"
-                                      iconType="arrowDown"
-                                      isDisabled={false}
-                                      onClick={[Function]}
-                                      size="xs"
-                                      textProps={
-                                        Object {
-                                          "className": "euiQuickSelectPopover__buttonText",
+                                      filters={Array []}
+                                      key="0/.0"
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
                                         }
                                       }
                                     >
-                                      <button
-                                        aria-label="Date quick select"
-                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
-                                        data-test-subj="superDatePickerToggleQuickMenuButton"
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        type="button"
+                                      <EuiPopover
+                                        anchorPosition="rightUp"
+                                        button={
+                                          <EuiSmallButtonIcon
+                                            aria-label="Change all filters"
+                                            iconType="filter"
+                                            onClick={[Function]}
+                                            title="Change all filters"
+                                          />
+                                        }
+                                        closePopover={[Function]}
+                                        data-test-subj="global-filter-button"
+                                        display="inlineBlock"
+                                        hasArrow={true}
+                                        isOpen={false}
+                                        ownFocus={true}
+                                        panelPaddingSize="none"
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
@@ -4944,57 +5822,118 @@ exports[`Services component renders services page 1`] = `
                                               "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
                                             }
                                           }
+                                        <div
+                                          className="euiPopover euiPopover--anchorRightUp"
+                                          data-test-subj="global-filter-button"
                                         >
-                                          <span
-                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                          <div
+                                            className="euiPopover__anchor"
                                           >
-                                            <EuiIcon
-                                              className="euiButtonContent__icon"
-                                              color="inherit"
-                                              size="s"
-                                              type="arrowDown"
+                                            <EuiSmallButtonIcon
+                                              aria-label="Change all filters"
+                                              iconType="filter"
+                                              onClick={[Function]}
+                                              title="Change all filters"
                                             >
-                                              <EuiIconArrowDown
-                                                aria-hidden={true}
-                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                focusable="false"
-                                                role="img"
-                                                style={null}
+                                              <EuiButtonIcon
+                                                aria-label="Change all filters"
+                                                iconType="filter"
+                                                onClick={[Function]}
+                                                size="s"
+                                                title="Change all filters"
                                               >
-                                                <svg
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                  focusable="false"
-                                                  height={16}
-                                                  role="img"
-                                                  style={null}
-                                                  viewBox="0 0 16 16"
-                                                  width={16}
-                                                  xmlns="http://www.w3.org/2000/svg"
+                                                <button
+                                                  aria-label="Change all filters"
+                                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  title="Change all filters"
+                                                  type="button"
                                                 >
-                                                  <path
-                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                                    fillRule="non-zero"
-                                                  />
-                                                </svg>
-                                              </EuiIconArrowDown>
-                                            </EuiIcon>
+                                                  <EuiIcon
+                                                    aria-hidden="true"
+                                                    className="euiButtonIcon__icon"
+                                                    color="inherit"
+                                                    size="m"
+                                                    type="filter"
+                                                  >
+                                                    <EuiIconFilter
+                                                      aria-hidden={true}
+                                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                      focusable="false"
+                                                      role="img"
+                                                      style={null}
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                        focusable="false"
+                                                        height={16}
+                                                        role="img"
+                                                        style={null}
+                                                        viewBox="0 0 16 16"
+                                                        width={16}
+                                                        xmlns="http://www.w3.org/2000/svg"
+                                                      >
+                                                        <path
+                                                          d="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1Zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1Zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1Z"
+                                                          fillRule="evenodd"
+                                                        />
+                                                      </svg>
+                                                    </EuiIconFilter>
+                                                  </EuiIcon>
+                                                </button>
+                                              </EuiButtonIcon>
+                                            </EuiSmallButtonIcon>
+                                          </div>
+                                        </div>
+                                      </EuiPopover>
+                                    </GlobalFilterButton>
+                                    <div
+                                      className="euiFormControlLayout__childrenWrapper"
+                                    >
+                                      <EuiValidatableControl>
+                                        <input
+                                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch--inGroup"
+                                          data-test-subj="search-bar-input-box"
+                                          onChange={[Function]}
+                                          onKeyUp={[Function]}
+                                          placeholder="Trace ID, trace group name, service name"
+                                          type="search"
+                                          value=""
+                                        />
+                                      </EuiValidatableControl>
+                                      <EuiFormControlLayoutIcons
+                                        compressed={true}
+                                        icon="search"
+                                        isLoading={false}
+                                      >
+                                        <div
+                                          className="euiFormControlLayoutIcons"
+                                        >
+                                          <EuiFormControlLayoutCustomIcon
+                                            size="s"
+                                            type="search"
+                                          >
                                             <span
-                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                              className="euiFormControlLayoutCustomIcon"
                                             >
                                               <EuiIcon
-                                                type="calendar"
+                                                aria-hidden="true"
+                                                className="euiFormControlLayoutCustomIcon__icon"
+                                                size="s"
+                                                type="search"
                                               >
-                                                <EuiIconCalendar
+                                                <EuiIconSearch
                                                   aria-hidden={true}
-                                                  className="euiIcon euiIcon--medium"
+                                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                   focusable="false"
                                                   role="img"
                                                   style={null}
                                                 >
                                                   <svg
                                                     aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium"
+                                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                     focusable="false"
                                                     height={16}
                                                     role="img"
@@ -5004,57 +5943,419 @@ exports[`Services component renders services page 1`] = `
                                                     xmlns="http://www.w3.org/2000/svg"
                                                   >
                                                     <path
-                                                      d="M14 4v-.994C14 2.45 13.55 2 12.994 2H11v1h-1V2H6v1H5V2H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14h9.988C13.55 14 14 13.55 14 12.994V5H2V4h12zm-3-3h1.994C14.102 1 15 1.897 15 3.006v9.988A2.005 2.005 0 0 1 12.994 15H3.006A2.005 2.005 0 0 1 1 12.994V3.006C1 1.898 1.897 1 3.006 1H5V0h1v1h4V0h1v1zM4 7h2v1H4V7zm3 0h2v1H7V7zm3 0h2v1h-2V7zM4 9h2v1H4V9zm3 0h2v1H7V9zm3 0h2v1h-2V9zm-6 2h2v1H4v-1zm3 0h2v1H7v-1zm3 0h2v1h-2v-1z"
-                                                      fillRule="evenodd"
+                                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
                                                     />
                                                   </svg>
-                                                </EuiIconCalendar>
+                                                </EuiIconSearch>
                                               </EuiIcon>
                                             </span>
-                                          </span>
-                                        </EuiButtonContent>
-                                      </button>
-                                    </EuiButtonEmpty>
+                                          </EuiFormControlLayoutCustomIcon>
+                                        </div>
+                                      </EuiFormControlLayoutIcons>
+                                    </div>
                                   </div>
-                                </div>
-                              </EuiPopover>
-                            </EuiQuickSelectPopover>
+                                </EuiFormControlLayout>
+                              </EuiCompressedFieldSearch>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                            style={
+                              Object {
+                                "maxWidth": "30vw",
+                              }
+                            }
+                          >
                             <div
-                              className="euiFormControlLayout__childrenWrapper"
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                              style={
+                                Object {
+                                  "maxWidth": "30vw",
+                                }
+                              }
                             >
-                              <EuiDatePickerRange
-                                className="euiDatePickerRange--inGroup"
-                                endDateControl={<div />}
-                                iconType={false}
-                                isCustom={true}
-                                startDateControl={<div />}
+                              <EuiSuperDatePicker
+                                commonlyUsedRanges={
+                                  Array [
+                                    Object {
+                                      "end": "now/d",
+                                      "label": "Today",
+                                      "start": "now/d",
+                                    },
+                                    Object {
+                                      "end": "now/w",
+                                      "label": "This week",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now/M",
+                                      "label": "This month",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now/y",
+                                      "label": "This year",
+                                      "start": "now/y",
+                                    },
+                                    Object {
+                                      "end": "now-1d/d",
+                                      "label": "Yesterday",
+                                      "start": "now-1d/d",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Week to date",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Month to date",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Year to date",
+                                      "start": "now/y",
+                                    },
+                                  ]
+                                }
+                                compressed={true}
+                                dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                end="now"
+                                isAutoRefreshOnly={false}
+                                isDisabled={false}
+                                isPaused={true}
+                                onTimeChange={[Function]}
+                                recentlyUsedRanges={Array []}
+                                refreshInterval={0}
+                                showUpdateButton={false}
+                                start="now-5m"
+                                timeFormat="HH:mm"
                               >
-                                <div
-                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                <EuiFlexGroup
+                                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  gutterSize="s"
+                                  responsive={false}
                                 >
-                                  <button
-                                    className="euiSuperDatePicker__prettyFormat"
-                                    data-test-subj="superDatePickerShowDatesButton"
-                                    disabled={false}
-                                    onClick={[Function]}
+                                  <div
+                                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
                                   >
-                                    Last 5 minutes
-                                    <span
-                                      className="euiSuperDatePicker__prettyFormatLink"
-                                    >
-                                      <EuiI18n
-                                        default="Show dates"
-                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                    <EuiFlexItem>
+                                      <div
+                                        className="euiFlexItem"
                                       >
-                                        Show dates
-                                      </EuiI18n>
-                                    </span>
-                                  </button>
-                                </div>
-                              </EuiDatePickerRange>
-                              <EuiFormControlLayoutIcons
-                                compressed={false}
-                              />
+                                        <EuiFormControlLayout
+                                          className="euiSuperDatePicker"
+                                          compressed={true}
+                                          isDisabled={false}
+                                          prepend={
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            />
+                                          }
+                                        >
+                                          <div
+                                            className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
+                                          >
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              className="euiFormControlLayout__prepend"
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              key="0/.0"
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            >
+                                              <EuiPopover
+                                                anchorClassName="euiQuickSelectPopover__anchor"
+                                                anchorPosition="downLeft"
+                                                button={
+                                                  <EuiButtonEmpty
+                                                    aria-label="Date quick select"
+                                                    className="euiFormControlLayout__prepend"
+                                                    data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                    iconSide="right"
+                                                    iconType="arrowDown"
+                                                    isDisabled={false}
+                                                    onClick={[Function]}
+                                                    size="xs"
+                                                    textProps={
+                                                      Object {
+                                                        "className": "euiQuickSelectPopover__buttonText",
+                                                      }
+                                                    }
+                                                  >
+                                                    <EuiIcon
+                                                      type="calendar"
+                                                    />
+                                                  </EuiButtonEmpty>
+                                                }
+                                                closePopover={[Function]}
+                                                display="inlineBlock"
+                                                hasArrow={true}
+                                                isOpen={false}
+                                                ownFocus={true}
+                                                panelPaddingSize="s"
+                                              >
+                                                <div
+                                                  className="euiPopover euiPopover--anchorDownLeft"
+                                                >
+                                                  <div
+                                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                                  >
+                                                    <EuiButtonEmpty
+                                                      aria-label="Date quick select"
+                                                      className="euiFormControlLayout__prepend"
+                                                      data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                      iconSide="right"
+                                                      iconType="arrowDown"
+                                                      isDisabled={false}
+                                                      onClick={[Function]}
+                                                      size="xs"
+                                                      textProps={
+                                                        Object {
+                                                          "className": "euiQuickSelectPopover__buttonText",
+                                                        }
+                                                      }
+                                                    >
+                                                      <button
+                                                        aria-label="Date quick select"
+                                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
+                                                        data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        type="button"
+                                                      >
+                                                        <EuiButtonContent
+                                                          className="euiButtonEmpty__content"
+                                                          iconGap="m"
+                                                          iconSide="right"
+                                                          iconSize="s"
+                                                          iconType="arrowDown"
+                                                          textProps={
+                                                            Object {
+                                                              "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                                          >
+                                                            <EuiIcon
+                                                              className="euiButtonContent__icon"
+                                                              color="inherit"
+                                                              size="s"
+                                                              type="arrowDown"
+                                                            >
+                                                              <EuiIconArrowDown
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                focusable="false"
+                                                                role="img"
+                                                                style={null}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                  focusable="false"
+                                                                  height={16}
+                                                                  role="img"
+                                                                  style={null}
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                                                    fillRule="non-zero"
+                                                                  />
+                                                                </svg>
+                                                              </EuiIconArrowDown>
+                                                            </EuiIcon>
+                                                            <span
+                                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                            >
+                                                              <EuiIcon
+                                                                type="calendar"
+                                                              >
+                                                                <EuiIconCalendar
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--medium"
+                                                                  focusable="false"
+                                                                  role="img"
+                                                                  style={null}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden={true}
+                                                                    className="euiIcon euiIcon--medium"
+                                                                    focusable="false"
+                                                                    height={16}
+                                                                    role="img"
+                                                                    style={null}
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M14 4v-.994C14 2.45 13.55 2 12.994 2H11v1h-1V2H6v1H5V2H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14h9.988C13.55 14 14 13.55 14 12.994V5H2V4h12zm-3-3h1.994C14.102 1 15 1.897 15 3.006v9.988A2.005 2.005 0 0 1 12.994 15H3.006A2.005 2.005 0 0 1 1 12.994V3.006C1 1.898 1.897 1 3.006 1H5V0h1v1h4V0h1v1zM4 7h2v1H4V7zm3 0h2v1H7V7zm3 0h2v1h-2V7zM4 9h2v1H4V9zm3 0h2v1H7V9zm3 0h2v1h-2V9zm-6 2h2v1H4v-1zm3 0h2v1H7v-1zm3 0h2v1h-2v-1z"
+                                                                      fillRule="evenodd"
+                                                                    />
+                                                                  </svg>
+                                                                </EuiIconCalendar>
+                                                              </EuiIcon>
+                                                            </span>
+                                                          </span>
+                                                        </EuiButtonContent>
+                                                      </button>
+                                                    </EuiButtonEmpty>
+                                                  </div>
+                                                </div>
+                                              </EuiPopover>
+                                            </EuiQuickSelectPopover>
+                                            <div
+                                              className="euiFormControlLayout__childrenWrapper"
+                                            >
+                                              <EuiDatePickerRange
+                                                className="euiDatePickerRange--inGroup"
+                                                endDateControl={<div />}
+                                                iconType={false}
+                                                isCustom={true}
+                                                startDateControl={<div />}
+                                              >
+                                                <div
+                                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                                >
+                                                  <button
+                                                    className="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
+                                                    data-test-subj="superDatePickerShowDatesButton"
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Last 5 minutes
+                                                    <span
+                                                      className="euiSuperDatePicker__prettyFormatLink"
+                                                    >
+                                                      <EuiI18n
+                                                        default="Show dates"
+                                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                                      >
+                                                        Show dates
+                                                      </EuiI18n>
+                                                    </span>
+                                                  </button>
+                                                </div>
+                                              </EuiDatePickerRange>
+                                              <EuiFormControlLayoutIcons
+                                                compressed={true}
+                                              />
+                                            </div>
+                                          </div>
+                                        </EuiFormControlLayout>
+                                      </div>
+                                    </EuiFlexItem>
+                                  </div>
+                                </EuiFlexGroup>
+                              </EuiSuperDatePicker>
                             </div>
                           </div>
                         </EuiFormControlLayout>
@@ -5365,130 +6666,145 @@ exports[`Services component renders services page 1`] = `
                                   "className": "euiButtonEmpty__text",
                                 }
                               }
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                          >
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
                             >
-                              <span
-                                className="euiButtonContent euiButtonEmpty__content"
+                              <EuiButtonIcon
+                                aria-label="Refresh"
+                                data-click-metric-element="trace_analytics.refresh_button"
+                                data-test-subj="superDatePickerApplyTimeButton"
+                                display="base"
+                                iconType="refresh"
+                                onClick={[Function]}
+                                size="s"
                               >
-                                <span
-                                  className="euiButtonEmpty__text"
+                                <button
+                                  aria-label="Refresh"
+                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--small"
+                                  data-click-metric-element="trace_analytics.refresh_button"
+                                  data-test-subj="superDatePickerApplyTimeButton"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
                                 >
-                                  + Add filter
-                                </span>
-                              </span>
-                            </EuiButtonContent>
-                          </button>
-                        </EuiButtonEmpty>
-                      </div>
-                    </div>
-                  </EuiPopover>
-                </AddFilterButton>
+                                  <EuiIcon
+                                    aria-hidden="true"
+                                    className="euiButtonIcon__icon"
+                                    color="inherit"
+                                    size="m"
+                                    type="refresh"
+                                  >
+                                    <EuiIconRefresh
+                                      aria-hidden={true}
+                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                      focusable="false"
+                                      role="img"
+                                      style={null}
+                                    >
+                                      <svg
+                                        aria-hidden={true}
+                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                        focusable="false"
+                                        height={16}
+                                        role="img"
+                                        style={null}
+                                        viewBox="0 0 16 16"
+                                        width={16}
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                                        />
+                                      </svg>
+                                    </EuiIconRefresh>
+                                  </EuiIcon>
+                                </button>
+                              </EuiButtonIcon>
+                            </div>
+                          </EuiFlexItem>
+                        </div>
+                      </EuiFlexGroup>
+                    </ForwardRef>
+                  </div>
+                </EuiFlexItem>
               </div>
-            </EuiFlexItem>
-          </div>
-        </EuiFlexGroup>
-      </Filters>
-    </ForwardRef>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <ServicesTable
-      addFilter={[Function]}
-      addServicesGroupFilter={[Function]}
-      dataPrepperIndicesExist={true}
-      isServiceTrendEnabled={false}
-      items={Array []}
-      loading={true}
-      mode="data_prepper"
-      selectedItems={Array []}
-      serviceTrends={Object {}}
-      setIsServiceTrendEnabled={[Function]}
-      setRedirect={[Function]}
-      setSelectedItems={[Function]}
-      traceColumnAction={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <EuiFlexGroup
-            justifyContent="spaceBetween"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+            </EuiFlexGroup>
+            <Filters
+              appConfigs={Array []}
+              attributesFilterFields={Array []}
+              filters={Array []}
+              mode="data_prepper"
+              page="services"
+              setFilters={
+                [MockFunction] {
+                  "calls": Array [
+                    Array [
+                      Array [],
+                    ],
+                  ],
+                  "results": Array [
+                    Object {
+                      "type": "return",
+                      "value": undefined,
+                    },
+                  ],
+                }
+              }
             >
-              <EuiFlexItem
-                grow={false}
+              <EuiFlexGroup
+                alignItems="center"
+                gutterSize="xs"
+                responsive={false}
               >
                 <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
+                  className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                 >
-                  <PanelTitle
-                    title="Services"
-                    totalItems={0}
+                  <EuiFlexItem
+                    grow={false}
                   >
-                    <EuiText
-                      size="m"
-                    >
-                      <div
-                        className="euiText euiText--medium"
-                      >
-                        <span
-                          className="panel-title"
-                        >
-                          Services
-                        </span>
-                        <span
-                          className="panel-title-count"
-                        >
-                           (0)
-                        </span>
-                      </div>
-                    </EuiText>
-                  </PanelTitle>
-                </div>
-              </EuiFlexItem>
-              <EuiFlexItem
-                grow={false}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <EuiFlexGroup>
                     <div
-                      className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
                     >
-                      <EuiFlexItem>
-                        <div
-                          className="euiFlexItem"
+                      <AddFilterButton>
+                        <EuiPopover
+                          anchorPosition="downLeft"
+                          button={
+                            <EuiButtonEmpty
+                              flush="left"
+                              onClick={[Function]}
+                              size="xs"
+                            >
+                              + Add filter
+                            </EuiButtonEmpty>
+                          }
+                          closePopover={[Function]}
+                          data-test-subj="addfilter"
+                          display="inlineBlock"
+                          hasArrow={true}
+                          isOpen={false}
+                          ownFocus={true}
+                          panelPaddingSize="m"
                         >
-                          <EuiToolTip
-                            content="Select services to filter"
-                            delay="regular"
-                            position="top"
+                          <div
+                            className="euiPopover euiPopover--anchorDownLeft"
+                            data-test-subj="addfilter"
                           >
-                            <span
-                              className="euiToolTipAnchor"
-                              onKeyUp={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
+                            <div
+                              className="euiPopover__anchor"
                             >
                               <EuiButtonEmpty
-                                isDisabled={true}
-                                onBlur={[Function]}
+                                flush="left"
                                 onClick={[Function]}
-                                onFocus={[Function]}
                                 size="xs"
                               >
                                 <button
-                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty-isDisabled"
-                                  disabled={true}
-                                  onBlur={[Function]}
+                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
+                                  disabled={false}
                                   onClick={[Function]}
-                                  onFocus={[Function]}
                                   type="button"
                                 >
                                   <EuiButtonContent
@@ -5508,29 +6824,65 @@ exports[`Services component renders services page 1`] = `
                                       <span
                                         className="euiButtonEmpty__text"
                                       >
-                                        Filter services
+                                        + Add filter
                                       </span>
                                     </span>
                                   </EuiButtonContent>
                                 </button>
                               </EuiButtonEmpty>
-                            </span>
-                          </EuiToolTip>
-                        </div>
-                      </EuiFlexItem>
-                      <EuiFlexItem>
+                            </div>
+                          </div>
+                        </EuiPopover>
+                      </AddFilterButton>
+                    </div>
+                  </EuiFlexItem>
+                </div>
+              </EuiFlexGroup>
+            </Filters>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <ServicesTable
+              addFilter={[Function]}
+              addServicesGroupFilter={[Function]}
+              dataPrepperIndicesExist={true}
+              isServiceTrendEnabled={false}
+              items={Array []}
+              loading={true}
+              mode="data_prepper"
+              selectedItems={Array []}
+              serviceTrends={Object {}}
+              setIsServiceTrendEnabled={[Function]}
+              setRedirect={[Function]}
+              setSelectedItems={[Function]}
+              traceColumnAction={[Function]}
+            >
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                >
+                  <EuiFlexGroup
+                    justifyContent="spaceBetween"
+                  >
+                    <div
+                      className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+                    >
+                      <EuiFlexItem
+                        grow={false}
+                      >
                         <div
-                          className="euiFlexItem"
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          <EuiButtonEmpty
-                            onClick={[Function]}
-                            size="xs"
+                          <PanelTitle
+                            title="Services"
+                            totalItems={0}
                           >
-                            <button
-                              className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
-                              disabled={false}
-                              onClick={[Function]}
-                              type="button"
+                            <EuiText
+                              size="m"
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
@@ -5542,238 +6894,172 @@ exports[`Services component renders services page 1`] = `
                                     "className": "euiButtonEmpty__text",
                                   }
                                 }
+                              <div
+                                className="euiText euiText--medium"
                               >
                                 <span
-                                  className="euiButtonContent euiButtonEmpty__content"
+                                  className="panel-title"
                                 >
-                                  <span
-                                    className="euiButtonEmpty__text"
-                                  >
-                                    Show 24 hour trends
-                                  </span>
+                                  Services
                                 </span>
-                              </EuiButtonContent>
-                            </button>
-                          </EuiButtonEmpty>
+                                <span
+                                  className="panel-title-count"
+                                >
+                                   (0)
+                                </span>
+                              </div>
+                            </EuiText>
+                          </PanelTitle>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiFlexItem
+                        grow={false}
+                      >
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                        >
+                          <EuiFlexGroup>
+                            <div
+                              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                            >
+                              <EuiFlexItem>
+                                <div
+                                  className="euiFlexItem"
+                                >
+                                  <EuiToolTip
+                                    content="Select services to filter"
+                                    delay="regular"
+                                    position="top"
+                                  >
+                                    <span
+                                      className="euiToolTipAnchor"
+                                      onKeyUp={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                    >
+                                      <EuiButtonEmpty
+                                        isDisabled={true}
+                                        onBlur={[Function]}
+                                        onClick={[Function]}
+                                        onFocus={[Function]}
+                                        size="xs"
+                                      >
+                                        <button
+                                          className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty-isDisabled"
+                                          disabled={true}
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          type="button"
+                                        >
+                                          <EuiButtonContent
+                                            className="euiButtonEmpty__content"
+                                            iconGap="m"
+                                            iconSide="left"
+                                            iconSize="s"
+                                            textProps={
+                                              Object {
+                                                "className": "euiButtonEmpty__text",
+                                              }
+                                            }
+                                          >
+                                            <span
+                                              className="euiButtonContent euiButtonEmpty__content"
+                                            >
+                                              <span
+                                                className="euiButtonEmpty__text"
+                                              >
+                                                Filter services
+                                              </span>
+                                            </span>
+                                          </EuiButtonContent>
+                                        </button>
+                                      </EuiButtonEmpty>
+                                    </span>
+                                  </EuiToolTip>
+                                </div>
+                              </EuiFlexItem>
+                              <EuiFlexItem>
+                                <div
+                                  className="euiFlexItem"
+                                >
+                                  <EuiButtonEmpty
+                                    onClick={[Function]}
+                                    size="xs"
+                                  >
+                                    <button
+                                      className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+                                      disabled={false}
+                                      onClick={[Function]}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButtonEmpty__content"
+                                        iconGap="m"
+                                        iconSide="left"
+                                        iconSize="s"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButtonEmpty__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButtonEmpty__content"
+                                        >
+                                          <span
+                                            className="euiButtonEmpty__text"
+                                          >
+                                            Show 24 hour trends
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonEmpty>
+                                </div>
+                              </EuiFlexItem>
+                            </div>
+                          </EuiFlexGroup>
                         </div>
                       </EuiFlexItem>
                     </div>
                   </EuiFlexGroup>
-                </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiHorizontalRule
-            margin="none"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full"
-            />
-          </EuiHorizontalRule>
-          <NoMatchMessage
-            size="xl"
-          >
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-            <EuiEmptyPrompt
-              body={
-                <EuiText
-                  size="s"
-                >
-                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                </EuiText>
-              }
-              title={
-                <h2>
-                  No matches
-                </h2>
-              }
-            >
-              <div
-                className="euiEmptyPrompt"
-              >
-                <EuiTitle
-                  size="m"
-                >
-                  <h2
-                    className="euiTitle euiTitle--medium"
+                  <EuiSpacer
+                    size="m"
                   >
-                    No matches
-                  </h2>
-                </EuiTitle>
-                <EuiTextColor
-                  color="subdued"
-                >
-                  <span
-                    className="euiTextColor euiTextColor--subdued"
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiHorizontalRule
+                    margin="none"
+                  >
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full"
+                    />
+                  </EuiHorizontalRule>
+                  <NoMatchMessage
+                    size="xl"
                   >
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                    <EuiText>
-                      <div
-                        className="euiText euiText--medium"
-                      >
+                    <EuiEmptyPrompt
+                      body={
                         <EuiText
                           size="s"
                         >
-                          <div
-                            className="euiText euiText--small"
-                          >
-                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                          </div>
+                          No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                         </EuiText>
-                      </div>
-                    </EuiText>
-                  </span>
-                </EuiTextColor>
-              </div>
-            </EuiEmptyPrompt>
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-          </NoMatchMessage>
-        </div>
-      </EuiPanel>
-    </ServicesTable>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <ServiceMap
-      addFilter={[Function]}
-      currService=""
-      idSelected="latency"
-      page="services"
-      serviceMap={Object {}}
-      setIdSelected={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <PanelTitle
-            title="Service map"
-          >
-            <EuiText
-              size="m"
-            >
-              <div
-                className="euiText euiText--medium"
-              >
-                <span
-                  className="panel-title"
-                >
-                  Service map
-                </span>
-              </div>
-            </EuiText>
-          </PanelTitle>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiButtonGroup
-            buttonSize="s"
-            color="text"
-            idSelected="latency"
-            onChange={[Function]}
-            options={
-              Array [
-                Object {
-                  "id": "latency",
-                  "label": "Duration",
-                },
-                Object {
-                  "id": "error_rate",
-                  "label": "Errors",
-                },
-                Object {
-                  "id": "throughput",
-                  "label": "Request Rate",
-                },
-              ]
-            }
-          >
-            <fieldset
-              className="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
-              disabled={false}
-            >
-              <EuiScreenReaderOnly>
-                <legend
-                  className="euiScreenReaderOnly"
-                />
-              </EuiScreenReaderOnly>
-              <div
-                className="euiButtonGroup__buttons"
-              >
-                <EuiButtonGroupButton
-                  color="text"
-                  element="label"
-                  id="latency"
-                  isDisabled={false}
-                  isIconOnly={false}
-                  isSelected={true}
-                  key="0"
-                  label="Duration"
-                  name="random_html_id"
-                  onChange={[Function]}
-                  size="s"
-                >
-                  <EuiButtonDisplay
-                    baseClassName="euiButtonGroupButton"
-                    className="euiButtonGroupButton-isSelected"
-                    color="text"
-                    element="label"
-                    fill={true}
-                    htmlFor="random_html_id"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    textProps={
-                      Object {
-                        "className": "euiButtonGroupButton__textShift",
-                        "data-text": "Duration",
-                        "ref": [Function],
-                        "title": "Duration",
                       }
-                    }
-                  >
-                    <label
-                      className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-                      disabled={false}
-                      htmlFor="random_html_id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
+                      title={
+                        <h2>
+                          No matches
+                        </h2>
                       }
                     >
                       <EuiButtonContent
@@ -5788,74 +7074,85 @@ exports[`Services component renders services page 1`] = `
                             "title": "Duration",
                           }
                         }
+                      <div
+                        className="euiEmptyPrompt"
                       >
-                        <span
-                          className="euiButtonContent euiButton__content"
+                        <EuiTitle
+                          size="m"
+                        >
+                          <h2
+                            className="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                        </EuiTitle>
+                        <EuiTextColor
+                          color="subdued"
                         >
                           <span
-                            className="euiButton__text euiButtonGroupButton__textShift"
-                            data-text="Duration"
-                            title="Duration"
+                            className="euiTextColor euiTextColor--subdued"
                           >
-                            <input
-                              checked={true}
-                              className="euiScreenReaderOnly"
-                              data-test-subj="latency"
-                              disabled={false}
-                              id="random_html_id"
-                              name="random_html_id"
-                              onChange={[Function]}
-                              type="radio"
-                            />
-                            Duration
+                            <EuiSpacer
+                              size="m"
+                            >
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                            <EuiText>
+                              <div
+                                className="euiText euiText--medium"
+                              >
+                                <EuiText
+                                  size="s"
+                                >
+                                  <div
+                                    className="euiText euiText--small"
+                                  >
+                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                  </div>
+                                </EuiText>
+                              </div>
+                            </EuiText>
                           </span>
-                        </span>
-                      </EuiButtonContent>
-                    </label>
-                  </EuiButtonDisplay>
-                </EuiButtonGroupButton>
-                <EuiButtonGroupButton
-                  color="text"
-                  element="label"
-                  id="error_rate"
-                  isDisabled={false}
-                  isIconOnly={false}
-                  isSelected={false}
-                  key="1"
-                  label="Errors"
-                  name="random_html_id"
-                  onChange={[Function]}
-                  size="s"
+                        </EuiTextColor>
+                      </div>
+                    </EuiEmptyPrompt>
+                    <EuiSpacer
+                      size="xl"
+                    >
+                      <div
+                        className="euiSpacer euiSpacer--xl"
+                      />
+                    </EuiSpacer>
+                  </NoMatchMessage>
+                </div>
+              </EuiPanel>
+            </ServicesTable>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <ServiceMap
+              addFilter={[Function]}
+              currService=""
+              idSelected="latency"
+              page="services"
+              serviceMap={Object {}}
+              setIdSelected={[Function]}
+            >
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                 >
-                  <EuiButtonDisplay
-                    baseClassName="euiButtonGroupButton"
-                    className=""
-                    color="text"
-                    element="label"
-                    fill={false}
-                    htmlFor="random_html_id"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    textProps={
-                      Object {
-                        "className": "euiButtonGroupButton__textShift",
-                        "data-text": "Errors",
-                        "ref": [Function],
-                        "title": "Errors",
-                      }
-                    }
+                  <PanelTitle
+                    title="Service map"
                   >
-                    <label
-                      className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
-                      disabled={false}
-                      htmlFor="random_html_id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
-                      }
+                    <EuiText
+                      size="m"
                     >
                       <EuiButtonContent
                         className="euiButton__content"
@@ -5869,74 +7166,49 @@ exports[`Services component renders services page 1`] = `
                             "title": "Errors",
                           }
                         }
+                      <div
+                        className="euiText euiText--medium"
                       >
                         <span
-                          className="euiButtonContent euiButton__content"
+                          className="panel-title"
                         >
-                          <span
-                            className="euiButton__text euiButtonGroupButton__textShift"
-                            data-text="Errors"
-                            title="Errors"
-                          >
-                            <input
-                              checked={false}
-                              className="euiScreenReaderOnly"
-                              data-test-subj="error_rate"
-                              disabled={false}
-                              id="random_html_id"
-                              name="random_html_id"
-                              onChange={[Function]}
-                              type="radio"
-                            />
-                            Errors
-                          </span>
+                          Service map
                         </span>
-                      </EuiButtonContent>
-                    </label>
-                  </EuiButtonDisplay>
-                </EuiButtonGroupButton>
-                <EuiButtonGroupButton
-                  color="text"
-                  element="label"
-                  id="throughput"
-                  isDisabled={false}
-                  isIconOnly={false}
-                  isSelected={false}
-                  key="2"
-                  label="Request Rate"
-                  name="random_html_id"
-                  onChange={[Function]}
-                  size="s"
-                >
-                  <EuiButtonDisplay
-                    baseClassName="euiButtonGroupButton"
-                    className=""
+                      </div>
+                    </EuiText>
+                  </PanelTitle>
+                  <EuiSpacer
+                    size="m"
+                  >
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiButtonGroup
+                    buttonSize="s"
                     color="text"
-                    element="label"
-                    fill={false}
-                    htmlFor="random_html_id"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    textProps={
-                      Object {
-                        "className": "euiButtonGroupButton__textShift",
-                        "data-text": "Request Rate",
-                        "ref": [Function],
-                        "title": "Request Rate",
-                      }
+                    idSelected="latency"
+                    onChange={[Function]}
+                    options={
+                      Array [
+                        Object {
+                          "id": "latency",
+                          "label": "Duration",
+                        },
+                        Object {
+                          "id": "error_rate",
+                          "label": "Errors",
+                        },
+                        Object {
+                          "id": "throughput",
+                          "label": "Request Rate",
+                        },
+                      ]
                     }
                   >
-                    <label
-                      className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                    <fieldset
+                      className="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                       disabled={false}
-                      htmlFor="random_html_id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
-                      }
                     >
                       <EuiButtonContent
                         className="euiButton__content"
@@ -5950,260 +7222,489 @@ exports[`Services component renders services page 1`] = `
                             "title": "Request Rate",
                           }
                         }
+                      <EuiScreenReaderOnly>
+                        <legend
+                          className="euiScreenReaderOnly"
+                        />
+                      </EuiScreenReaderOnly>
+                      <div
+                        className="euiButtonGroup__buttons"
                       >
-                        <span
-                          className="euiButtonContent euiButton__content"
+                        <EuiButtonGroupButton
+                          color="text"
+                          element="label"
+                          id="latency"
+                          isDisabled={false}
+                          isIconOnly={false}
+                          isSelected={true}
+                          key="0"
+                          label="Duration"
+                          name="random_html_id"
+                          onChange={[Function]}
+                          size="s"
                         >
-                          <span
-                            className="euiButton__text euiButtonGroupButton__textShift"
-                            data-text="Request Rate"
-                            title="Request Rate"
+                          <EuiButtonDisplay
+                            baseClassName="euiButtonGroupButton"
+                            className="euiButtonGroupButton-isSelected"
+                            color="text"
+                            element="label"
+                            fill={true}
+                            htmlFor="random_html_id"
+                            isDisabled={false}
+                            onClick={[Function]}
+                            size="s"
+                            textProps={
+                              Object {
+                                "className": "euiButtonGroupButton__textShift",
+                                "data-text": "Duration",
+                                "ref": [Function],
+                                "title": "Duration",
+                              }
+                            }
                           >
-                            <input
-                              checked={false}
-                              className="euiScreenReaderOnly"
-                              data-test-subj="throughput"
+                            <label
+                              className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
                               disabled={false}
-                              id="random_html_id"
-                              name="random_html_id"
-                              onChange={[Function]}
-                              type="radio"
-                            />
-                            Request Rate
-                          </span>
-                        </span>
-                      </EuiButtonContent>
-                    </label>
-                  </EuiButtonDisplay>
-                </EuiButtonGroupButton>
-              </div>
-            </fieldset>
-          </EuiButtonGroup>
-          <EuiHorizontalRule
-            margin="m"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
-            />
-          </EuiHorizontalRule>
-          <EuiFlexGroup
-            alignItems="center"
-            gutterSize="s"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <EuiFlexItem
-                grow={false}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <EuiText>
-                    <div
-                      className="euiText euiText--medium"
-                    >
-                      Focus on
-                    </div>
-                  </EuiText>
-                </div>
-              </EuiFlexItem>
-              <EuiFlexItem>
-                <div
-                  className="euiFlexItem"
-                >
-                  <EuiCompressedFieldSearch
-                    compressed={true}
-                    fullWidth={false}
-                    incremental={false}
-                    isClearable={true}
-                    isInvalid={false}
-                    isLoading={false}
-                    onChange={[Function]}
-                    onSearch={[Function]}
-                    placeholder="Service name"
-                    value=""
+                              htmlFor="random_html_id"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "minWidth": undefined,
+                                }
+                              }
+                            >
+                              <EuiButtonContent
+                                className="euiButton__content"
+                                iconGap="m"
+                                iconSide="left"
+                                textProps={
+                                  Object {
+                                    "className": "euiButton__text euiButtonGroupButton__textShift",
+                                    "data-text": "Duration",
+                                    "ref": [Function],
+                                    "title": "Duration",
+                                  }
+                                }
+                              >
+                                <span
+                                  className="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    className="euiButton__text euiButtonGroupButton__textShift"
+                                    data-text="Duration"
+                                    title="Duration"
+                                  >
+                                    <input
+                                      checked={true}
+                                      className="euiScreenReaderOnly"
+                                      data-test-subj="latency"
+                                      disabled={false}
+                                      id="random_html_id"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      type="radio"
+                                    />
+                                    Duration
+                                  </span>
+                                </span>
+                              </EuiButtonContent>
+                            </label>
+                          </EuiButtonDisplay>
+                        </EuiButtonGroupButton>
+                        <EuiButtonGroupButton
+                          color="text"
+                          element="label"
+                          id="error_rate"
+                          isDisabled={false}
+                          isIconOnly={false}
+                          isSelected={false}
+                          key="1"
+                          label="Errors"
+                          name="random_html_id"
+                          onChange={[Function]}
+                          size="s"
+                        >
+                          <EuiButtonDisplay
+                            baseClassName="euiButtonGroupButton"
+                            className=""
+                            color="text"
+                            element="label"
+                            fill={false}
+                            htmlFor="random_html_id"
+                            isDisabled={false}
+                            onClick={[Function]}
+                            size="s"
+                            textProps={
+                              Object {
+                                "className": "euiButtonGroupButton__textShift",
+                                "data-text": "Errors",
+                                "ref": [Function],
+                                "title": "Errors",
+                              }
+                            }
+                          >
+                            <label
+                              className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              disabled={false}
+                              htmlFor="random_html_id"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "minWidth": undefined,
+                                }
+                              }
+                            >
+                              <EuiButtonContent
+                                className="euiButton__content"
+                                iconGap="m"
+                                iconSide="left"
+                                textProps={
+                                  Object {
+                                    "className": "euiButton__text euiButtonGroupButton__textShift",
+                                    "data-text": "Errors",
+                                    "ref": [Function],
+                                    "title": "Errors",
+                                  }
+                                }
+                              >
+                                <span
+                                  className="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    className="euiButton__text euiButtonGroupButton__textShift"
+                                    data-text="Errors"
+                                    title="Errors"
+                                  >
+                                    <input
+                                      checked={false}
+                                      className="euiScreenReaderOnly"
+                                      data-test-subj="error_rate"
+                                      disabled={false}
+                                      id="random_html_id"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      type="radio"
+                                    />
+                                    Errors
+                                  </span>
+                                </span>
+                              </EuiButtonContent>
+                            </label>
+                          </EuiButtonDisplay>
+                        </EuiButtonGroupButton>
+                        <EuiButtonGroupButton
+                          color="text"
+                          element="label"
+                          id="throughput"
+                          isDisabled={false}
+                          isIconOnly={false}
+                          isSelected={false}
+                          key="2"
+                          label="Request Rate"
+                          name="random_html_id"
+                          onChange={[Function]}
+                          size="s"
+                        >
+                          <EuiButtonDisplay
+                            baseClassName="euiButtonGroupButton"
+                            className=""
+                            color="text"
+                            element="label"
+                            fill={false}
+                            htmlFor="random_html_id"
+                            isDisabled={false}
+                            onClick={[Function]}
+                            size="s"
+                            textProps={
+                              Object {
+                                "className": "euiButtonGroupButton__textShift",
+                                "data-text": "Request Rate",
+                                "ref": [Function],
+                                "title": "Request Rate",
+                              }
+                            }
+                          >
+                            <label
+                              className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
+                              disabled={false}
+                              htmlFor="random_html_id"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "minWidth": undefined,
+                                }
+                              }
+                            >
+                              <EuiButtonContent
+                                className="euiButton__content"
+                                iconGap="m"
+                                iconSide="left"
+                                textProps={
+                                  Object {
+                                    "className": "euiButton__text euiButtonGroupButton__textShift",
+                                    "data-text": "Request Rate",
+                                    "ref": [Function],
+                                    "title": "Request Rate",
+                                  }
+                                }
+                              >
+                                <span
+                                  className="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    className="euiButton__text euiButtonGroupButton__textShift"
+                                    data-text="Request Rate"
+                                    title="Request Rate"
+                                  >
+                                    <input
+                                      checked={false}
+                                      className="euiScreenReaderOnly"
+                                      data-test-subj="throughput"
+                                      disabled={false}
+                                      id="random_html_id"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      type="radio"
+                                    />
+                                    Request Rate
+                                  </span>
+                                </span>
+                              </EuiButtonContent>
+                            </label>
+                          </EuiButtonDisplay>
+                        </EuiButtonGroupButton>
+                      </div>
+                    </fieldset>
+                  </EuiButtonGroup>
+                  <EuiHorizontalRule
+                    margin="m"
                   >
-                    <EuiFormControlLayout
-                      compressed={true}
-                      fullWidth={false}
-                      icon="search"
-                      isLoading={false}
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
+                    />
+                  </EuiHorizontalRule>
+                  <EuiFlexGroup
+                    alignItems="center"
+                    gutterSize="s"
+                  >
+                    <div
+                      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
-                      <div
-                        className="euiFormControlLayout euiFormControlLayout--compressed"
+                      <EuiFlexItem
+                        grow={false}
                       >
                         <div
-                          className="euiFormControlLayout__childrenWrapper"
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          <EuiValidatableControl
-                            isInvalid={false}
-                          >
-                            <input
-                              className="euiFieldSearch euiFieldSearch--compressed"
-                              onChange={[Function]}
-                              onKeyUp={[Function]}
-                              placeholder="Service name"
-                              type="search"
-                              value=""
-                            />
-                          </EuiValidatableControl>
-                          <EuiFormControlLayoutIcons
+                          <EuiText>
+                            <div
+                              className="euiText euiText--medium"
+                            >
+                              Focus on
+                            </div>
+                          </EuiText>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiFlexItem>
+                        <div
+                          className="euiFlexItem"
+                        >
+                          <EuiCompressedFieldSearch
                             compressed={true}
-                            icon="search"
+                            fullWidth={false}
+                            incremental={false}
+                            isClearable={true}
+                            isInvalid={false}
                             isLoading={false}
+                            onChange={[Function]}
+                            onSearch={[Function]}
+                            placeholder="Service name"
+                            value=""
                           >
-                            <div
-                              className="euiFormControlLayoutIcons"
+                            <EuiFormControlLayout
+                              compressed={true}
+                              fullWidth={false}
+                              icon="search"
+                              isLoading={false}
                             >
-                              <EuiFormControlLayoutCustomIcon
-                                size="s"
-                                type="search"
+                              <div
+                                className="euiFormControlLayout euiFormControlLayout--compressed"
                               >
-                                <span
-                                  className="euiFormControlLayoutCustomIcon"
+                                <div
+                                  className="euiFormControlLayout__childrenWrapper"
                                 >
-                                  <EuiIcon
-                                    aria-hidden="true"
-                                    className="euiFormControlLayoutCustomIcon__icon"
-                                    size="s"
-                                    type="search"
+                                  <EuiValidatableControl
+                                    isInvalid={false}
                                   >
-                                    <EuiIconSearch
-                                      aria-hidden={true}
-                                      className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                      focusable="false"
-                                      role="img"
-                                      style={null}
+                                    <input
+                                      className="euiFieldSearch euiFieldSearch--compressed"
+                                      onChange={[Function]}
+                                      onKeyUp={[Function]}
+                                      placeholder="Service name"
+                                      type="search"
+                                      value=""
+                                    />
+                                  </EuiValidatableControl>
+                                  <EuiFormControlLayoutIcons
+                                    compressed={true}
+                                    icon="search"
+                                    isLoading={false}
+                                  >
+                                    <div
+                                      className="euiFormControlLayoutIcons"
                                     >
-                                      <svg
-                                        aria-hidden={true}
-                                        className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                        focusable="false"
-                                        height={16}
-                                        role="img"
-                                        style={null}
-                                        viewBox="0 0 16 16"
-                                        width={16}
-                                        xmlns="http://www.w3.org/2000/svg"
+                                      <EuiFormControlLayoutCustomIcon
+                                        size="s"
+                                        type="search"
                                       >
-                                        <path
-                                          d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                        />
-                                      </svg>
-                                    </EuiIconSearch>
-                                  </EuiIcon>
-                                </span>
-                              </EuiFormControlLayoutCustomIcon>
-                            </div>
-                          </EuiFormControlLayoutIcons>
+                                        <span
+                                          className="euiFormControlLayoutCustomIcon"
+                                        >
+                                          <EuiIcon
+                                            aria-hidden="true"
+                                            className="euiFormControlLayoutCustomIcon__icon"
+                                            size="s"
+                                            type="search"
+                                          >
+                                            <EuiIconSearch
+                                              aria-hidden={true}
+                                              className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                              focusable="false"
+                                              role="img"
+                                              style={null}
+                                            >
+                                              <svg
+                                                aria-hidden={true}
+                                                className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
+                                                focusable="false"
+                                                height={16}
+                                                role="img"
+                                                style={null}
+                                                viewBox="0 0 16 16"
+                                                width={16}
+                                                xmlns="http://www.w3.org/2000/svg"
+                                              >
+                                                <path
+                                                  d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                                                />
+                                              </svg>
+                                            </EuiIconSearch>
+                                          </EuiIcon>
+                                        </span>
+                                      </EuiFormControlLayoutCustomIcon>
+                                    </div>
+                                  </EuiFormControlLayoutIcons>
+                                </div>
+                              </div>
+                            </EuiFormControlLayout>
+                          </EuiCompressedFieldSearch>
                         </div>
-                      </div>
-                    </EuiFormControlLayout>
-                  </EuiCompressedFieldSearch>
-                </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer>
-            <div
-              className="euiSpacer euiSpacer--l"
-            />
-          </EuiSpacer>
-          <div
-            style={
-              Object {
-                "minHeight": 434,
-              }
-            }
-          >
-            <NoMatchMessage
-              size="s"
-            >
-              <EuiSpacer
-                size="s"
-              >
-                <div
-                  className="euiSpacer euiSpacer--s"
-                />
-              </EuiSpacer>
-              <EuiEmptyPrompt
-                body={
-                  <EuiText
-                    size="s"
-                  >
-                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                  </EuiText>
-                }
-                title={
-                  <h2>
-                    No matches
-                  </h2>
-                }
-              >
-                <div
-                  className="euiEmptyPrompt"
-                >
-                  <EuiTitle
-                    size="m"
-                  >
-                    <h2
-                      className="euiTitle euiTitle--medium"
-                    >
-                      No matches
-                    </h2>
-                  </EuiTitle>
-                  <EuiTextColor
-                    color="subdued"
+                      </EuiFlexItem>
+                    </div>
+                  </EuiFlexGroup>
+                  <EuiSpacer>
+                    <div
+                      className="euiSpacer euiSpacer--l"
+                    />
+                  </EuiSpacer>
+                  <div
+                    style={
+                      Object {
+                        "minHeight": 434,
+                      }
+                    }
                   >
-                    <span
-                      className="euiTextColor euiTextColor--subdued"
+                    <NoMatchMessage
+                      size="s"
                     >
                       <EuiSpacer
-                        size="m"
+                        size="s"
                       >
                         <div
-                          className="euiSpacer euiSpacer--m"
+                          className="euiSpacer euiSpacer--s"
                         />
                       </EuiSpacer>
-                      <EuiText>
-                        <div
-                          className="euiText euiText--medium"
-                        >
+                      <EuiEmptyPrompt
+                        body={
                           <EuiText
                             size="s"
                           >
-                            <div
-                              className="euiText euiText--small"
-                            >
-                              No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                            </div>
+                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
                           </EuiText>
+                        }
+                        title={
+                          <h2>
+                            No matches
+                          </h2>
+                        }
+                      >
+                        <div
+                          className="euiEmptyPrompt"
+                        >
+                          <EuiTitle
+                            size="m"
+                          >
+                            <h2
+                              className="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                          </EuiTitle>
+                          <EuiTextColor
+                            color="subdued"
+                          >
+                            <span
+                              className="euiTextColor euiTextColor--subdued"
+                            >
+                              <EuiSpacer
+                                size="m"
+                              >
+                                <div
+                                  className="euiSpacer euiSpacer--m"
+                                />
+                              </EuiSpacer>
+                              <EuiText>
+                                <div
+                                  className="euiText euiText--medium"
+                                >
+                                  <EuiText
+                                    size="s"
+                                  >
+                                    <div
+                                      className="euiText euiText--small"
+                                    >
+                                      No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                    </div>
+                                  </EuiText>
+                                </div>
+                              </EuiText>
+                            </span>
+                          </EuiTextColor>
                         </div>
-                      </EuiText>
-                    </span>
-                  </EuiTextColor>
+                      </EuiEmptyPrompt>
+                      <EuiSpacer
+                        size="s"
+                      >
+                        <div
+                          className="euiSpacer euiSpacer--s"
+                        />
+                      </EuiSpacer>
+                    </NoMatchMessage>
+                  </div>
                 </div>
-              </EuiEmptyPrompt>
+              </EuiPanel>
               <EuiSpacer
-                size="s"
+                size="xl"
               >
                 <div
-                  className="euiSpacer euiSpacer--s"
+                  className="euiSpacer euiSpacer--xl"
                 />
               </EuiSpacer>
-            </NoMatchMessage>
+            </ServiceMap>
           </div>
-        </div>
-      </EuiPanel>
-      <EuiSpacer
-        size="xl"
-      >
-        <div
-          className="euiSpacer euiSpacer--xl"
-        />
-      </EuiSpacer>
-    </ServiceMap>
+        </EuiPageBody>
+      </div>
+    </EuiPage>
   </ServicesContent>
 </Services>
-`;
+`;
\ No newline at end of file
diff --git a/public/components/trace_analytics/components/services/services.tsx b/public/components/trace_analytics/components/services/services.tsx
index cb1825858..7760734ca 100644
--- a/public/components/trace_analytics/components/services/services.tsx
+++ b/public/components/trace_analytics/components/services/services.tsx
@@ -8,7 +8,6 @@ import { Toast } from '@elastic/eui/src/components/toast/global_toast_list';
 import React from 'react';
 import { DataSourceOption } from '../../../../../../../src/plugins/data_source_management/public/components/data_source_menu/types';
 import { TraceAnalyticsComponentDeps } from '../../home';
-import { DataSourcePicker } from '../dashboard/mode_picker';
 import { ServicesContent } from './services_content';
 
 export interface ServicesProps extends TraceAnalyticsComponentDeps {
@@ -23,7 +22,6 @@ export interface ServicesProps extends TraceAnalyticsComponentDeps {
 export function Services(props: ServicesProps) {
   return (
     <>
-      <DataSourcePicker modes={props.modes} selectedMode={props.mode} setMode={props.setMode!} />
       <ServicesContent {...props} />
     </>
   );
diff --git a/public/components/trace_analytics/components/services/services_content.tsx b/public/components/trace_analytics/components/services/services_content.tsx
index c46d73ade..5ece45ed7 100644
--- a/public/components/trace_analytics/components/services/services_content.tsx
+++ b/public/components/trace_analytics/components/services/services_content.tsx
@@ -4,7 +4,7 @@
  */
 /* eslint-disable react-hooks/exhaustive-deps */
 
-import { EuiSpacer } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiPage, EuiPageBody, EuiSpacer } from '@elastic/eui';
 import cloneDeep from 'lodash/cloneDeep';
 import React, { useEffect, useRef, useState } from 'react';
 import { ServiceTrends } from '../../../../../common/types/trace_analytics';
@@ -14,13 +14,14 @@ import {
   handleServiceTrendsRequest,
 } from '../../requests/services_request_handler';
 import { getValidFilterFields } from '../common/filters/filter_helpers';
-import { FilterType } from '../common/filters/filters';
+import { FilterType, Filters } from '../common/filters/filters';
 import { filtersToDsl, processTimeStamp } from '../common/helper_functions';
 import { ServiceMap, ServiceObject } from '../common/plots/service_map';
 import { SearchBar } from '../common/search_bar';
 import { ServicesProps } from './services';
 import { ServicesTable } from './services_table';
 import { coreRefs } from '../../../../framework/core_refs';
+import { DataSourcePicker } from '../dashboard/mode_picker';
 
 export function ServicesContent(props: ServicesProps) {
   const {
@@ -174,54 +175,76 @@ export function ServicesContent(props: ServicesProps) {
 
   return (
     <>
-      <SearchBar
-        ref={searchBarRef}
-        query={query}
-        filters={filters}
-        appConfigs={appConfigs}
-        setFilters={setFilters}
-        setQuery={setQuery}
-        startTime={startTime}
-        setStartTime={setStartTime}
-        endTime={endTime}
-        setEndTime={setEndTime}
-        refresh={refresh}
-        page={page}
-        mode={mode}
-        attributesFilterFields={attributesFilterFields}
-      />
-      <EuiSpacer size="m" />
-      <ServicesTable
-        items={tableItems}
-        selectedItems={selectedItems}
-        setSelectedItems={setSelectedItems}
-        addServicesGroupFilter={addServicesGroupFilter}
-        addFilter={addFilter}
-        setRedirect={setRedirect}
-        mode={mode}
-        loading={loading}
-        traceColumnAction={traceColumnAction}
-        setCurrentSelectedService={setCurrentSelectedService}
-        jaegerIndicesExist={jaegerIndicesExist}
-        dataPrepperIndicesExist={dataPrepperIndicesExist}
-        isServiceTrendEnabled={isServiceTrendEnabled}
-        setIsServiceTrendEnabled={setIsServiceTrendEnabled}
-        serviceTrends={serviceTrends}
-      />
-      <EuiSpacer size="m" />
-      {mode === 'data_prepper' && dataPrepperIndicesExist ? (
-        <ServiceMap
-          addFilter={addFilter}
-          serviceMap={serviceMap}
-          idSelected={serviceMapIdSelected}
-          setIdSelected={setServiceMapIdSelected}
-          currService={filteredService}
-          page={page}
-          setCurrentSelectedService={setCurrentSelectedService}
-        />
-      ) : (
-        <div />
-      )}
+      <EuiPage paddingSize="m">
+        <EuiPageBody>
+          <EuiFlexGroup gutterSize="s" alignItems="center" justifyContent="spaceBetween">
+            <EuiFlexItem grow={false}>
+              <DataSourcePicker
+                modes={props.modes}
+                selectedMode={props.mode}
+                setMode={props.setMode!}
+              />
+            </EuiFlexItem>
+            <EuiFlexItem grow={true}>
+              <SearchBar
+                ref={searchBarRef}
+                filters={filters}
+                setFilters={setFilters}
+                query={query}
+                setQuery={setQuery}
+                startTime={startTime}
+                setStartTime={setStartTime}
+                endTime={endTime}
+                setEndTime={setEndTime}
+                refresh={refresh}
+                page={page}
+                mode={mode}
+                attributesFilterFields={attributesFilterFields}
+              />
+            </EuiFlexItem>
+          </EuiFlexGroup>
+          <Filters
+            page={page}
+            filters={filters}
+            setFilters={setFilters}
+            appConfigs={appConfigs}
+            mode={mode}
+            attributesFilterFields={attributesFilterFields}
+          />
+          <EuiSpacer size="s" />
+          <ServicesTable
+            items={tableItems}
+            selectedItems={selectedItems}
+            setSelectedItems={setSelectedItems}
+            addServicesGroupFilter={addServicesGroupFilter}
+            addFilter={addFilter}
+            setRedirect={setRedirect}
+            mode={mode}
+            loading={loading}
+            traceColumnAction={traceColumnAction}
+            setCurrentSelectedService={setCurrentSelectedService}
+            jaegerIndicesExist={jaegerIndicesExist}
+            dataPrepperIndicesExist={dataPrepperIndicesExist}
+            isServiceTrendEnabled={isServiceTrendEnabled}
+            setIsServiceTrendEnabled={setIsServiceTrendEnabled}
+            serviceTrends={serviceTrends}
+          />
+          <EuiSpacer size="s" />
+          {mode === 'data_prepper' && dataPrepperIndicesExist ? (
+            <ServiceMap
+              addFilter={addFilter}
+              serviceMap={serviceMap}
+              idSelected={serviceMapIdSelected}
+              setIdSelected={setServiceMapIdSelected}
+              currService={filteredService}
+              page={page}
+              setCurrentSelectedService={setCurrentSelectedService}
+            />
+          ) : (
+            <div />
+          )}
+        </EuiPageBody>
+      </EuiPage>
     </>
   );
 }
diff --git a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap
index b2040e943..a5244ec97 100644
--- a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap
+++ b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap
@@ -609,402 +609,310 @@ exports[`Traces component renders empty traces page 1`] = `
     startTime="now-5m"
     traceIdColumnAction={[Function]}
   >
-    <ForwardRef
-      appConfigs={Array []}
-      attributesFilterFields={Array []}
-      endTime="now"
-      filters={Array []}
-      mode="data_prepper"
-      page="traces"
-      query=""
-      refresh={[Function]}
-      setEndTime={[MockFunction]}
-      setFilters={
-        [MockFunction] {
-          "calls": Array [
-            Array [
-              Array [],
-            ],
-          ],
-          "results": Array [
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
-          ],
-        }
-      }
-      setQuery={[MockFunction]}
-      setStartTime={[MockFunction]}
-      startTime="now-5m"
+    <EuiPage
+      paddingSize="m"
     >
-      <EuiFlexGroup
-        gutterSize="s"
+      <div
+        className="euiPage euiPage--paddingMedium euiPage--grow"
       >
-        <div
-          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <EuiFlexItem>
-            <div
-              className="euiFlexItem"
+        <EuiPageBody>
+          <div
+            className="euiPageBody euiPageBody--borderRadiusNone"
+          >
+            <EuiFlexGroup
+              alignItems="center"
+              gutterSize="s"
+              justifyContent="spaceBetween"
             >
-              <EuiCompressedFieldSearch
-                compressed={true}
-                data-test-subj="search-bar-input-box"
-                fullWidth={true}
-                incremental={false}
-                isClearable={false}
-                isLoading={false}
-                onChange={[Function]}
-                onSearch={[Function]}
-                placeholder="Trace ID, trace group name, service name"
-                value=""
+              <div
+                className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <EuiFormControlLayout
-                  compressed={true}
-                  fullWidth={true}
-                  icon="search"
-                  isLoading={false}
+                <EuiFlexItem
+                  grow={false}
                 >
                   <div
-                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+                    className="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <div
-                      className="euiFormControlLayout__childrenWrapper"
+                    <DataSourcePicker
+                      modes={
+                        Array [
+                          Object {
+                            "id": "jaeger",
+                            "title": "Jaeger",
+                          },
+                          Object {
+                            "id": "data_prepper",
+                            "title": "Data Prepper",
+                          },
+                        ]
+                      }
+                      selectedMode="data_prepper"
                     >
-                      <EuiValidatableControl>
-                        <input
-                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-                          data-test-subj="search-bar-input-box"
-                          onChange={[Function]}
-                          onKeyUp={[Function]}
-                          placeholder="Trace ID, trace group name, service name"
-                          type="search"
-                          value=""
-                        />
-                      </EuiValidatableControl>
-                      <EuiFormControlLayoutIcons
-                        compressed={true}
-                        icon="search"
-                        isLoading={false}
+                      <EuiPopover
+                        anchorClassName="eui-textTruncate"
+                        anchorPosition="downCenter"
+                        button={
+                          <EuiSmallButtonEmpty
+                            className="dscIndexPattern__triggerButton"
+                            color="text"
+                            data-test-subj="indexPattern-switch-link"
+                            flush="left"
+                            iconSide="right"
+                            iconType="arrowDown"
+                            onClick={[Function]}
+                            title="data_prepper"
+                          >
+                            Data Prepper
+                          </EuiSmallButtonEmpty>
+                        }
+                        className="eui-textTruncate"
+                        closePopover={[Function]}
+                        display="inlineBlock"
+                        hasArrow={true}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="s"
                       >
                         <div
-                          className="euiFormControlLayoutIcons"
+                          className="euiPopover euiPopover--anchorDownCenter eui-textTruncate"
                         >
-                          <EuiFormControlLayoutCustomIcon
-                            size="s"
-                            type="search"
+                          <div
+                            className="euiPopover__anchor eui-textTruncate"
                           >
-                            <span
-                              className="euiFormControlLayoutCustomIcon"
+                            <EuiSmallButtonEmpty
+                              className="dscIndexPattern__triggerButton"
+                              color="text"
+                              data-test-subj="indexPattern-switch-link"
+                              flush="left"
+                              iconSide="right"
+                              iconType="arrowDown"
+                              onClick={[Function]}
+                              title="data_prepper"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiFormControlLayoutCustomIcon__icon"
+                              <EuiButtonEmpty
+                                className="dscIndexPattern__triggerButton"
+                                color="text"
+                                data-test-subj="indexPattern-switch-link"
+                                flush="left"
+                                iconSide="right"
+                                iconType="arrowDown"
+                                onClick={[Function]}
                                 size="s"
-                                type="search"
+                                title="data_prepper"
                               >
-                                <EuiIconBeaker
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty--flushLeft dscIndexPattern__triggerButton"
+                                  data-test-subj="indexPattern-switch-link"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  title="data_prepper"
+                                  type="button"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="right"
+                                    iconSize="m"
+                                    iconType="arrowDown"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    <path
-                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                    />
-                                  </svg>
-                                </EuiIconBeaker>
-                              </EuiIcon>
-                            </span>
-                          </EuiFormControlLayoutCustomIcon>
+                                    <span
+                                      className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                    >
+                                      <EuiIcon
+                                        className="euiButtonContent__icon"
+                                        color="inherit"
+                                        size="m"
+                                        type="arrowDown"
+                                      >
+                                        <EuiIconBeaker
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                          focusable="false"
+                                          role="img"
+                                          style={null}
+                                        >
+                                          <svg
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                            focusable="false"
+                                            height={16}
+                                            role="img"
+                                            style={null}
+                                            viewBox="0 0 16 16"
+                                            width={16}
+                                            xmlns="http://www.w3.org/2000/svg"
+                                          >
+                                            <path
+                                              d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                            />
+                                          </svg>
+                                        </EuiIconBeaker>
+                                      </EuiIcon>
+                                      <span
+                                        className="euiButtonEmpty__text"
+                                      >
+                                        Data Prepper
+                                      </span>
+                                    </span>
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
+                            </EuiSmallButtonEmpty>
+                          </div>
                         </div>
-                      </EuiFormControlLayoutIcons>
-                    </div>
+                      </EuiPopover>
+                    </DataSourcePicker>
                   </div>
-                </EuiFormControlLayout>
-              </EuiCompressedFieldSearch>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-            style={
-              Object {
-                "maxWidth": "40vw",
-              }
-            }
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-              style={
-                Object {
-                  "maxWidth": "40vw",
-                }
-              }
-            >
-              <EuiSuperDatePicker
-                commonlyUsedRanges={
-                  Array [
-                    Object {
-                      "end": "now/d",
-                      "label": "Today",
-                      "start": "now/d",
-                    },
-                    Object {
-                      "end": "now/w",
-                      "label": "This week",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now/M",
-                      "label": "This month",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now/y",
-                      "label": "This year",
-                      "start": "now/y",
-                    },
-                    Object {
-                      "end": "now-1d/d",
-                      "label": "Yesterday",
-                      "start": "now-1d/d",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Week to date",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Month to date",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Year to date",
-                      "start": "now/y",
-                    },
-                  ]
-                }
-                compressed={false}
-                dateFormat=""
-                end="now"
-                isAutoRefreshOnly={false}
-                isDisabled={false}
-                isPaused={true}
-                onTimeChange={[Function]}
-                recentlyUsedRanges={Array []}
-                refreshInterval={0}
-                showUpdateButton={false}
-                start="now-5m"
-                timeFormat="HH:mm"
-              >
-                <EuiFlexGroup
-                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
-                  gutterSize="s"
-                  responsive={false}
+                </EuiFlexItem>
+                <EuiFlexItem
+                  grow={true}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                    className="euiFlexItem"
                   >
-                    <EuiFlexItem>
-                      <div
-                        className="euiFlexItem"
+                    <ForwardRef
+                      appConfigs={Array []}
+                      attributesFilterFields={Array []}
+                      endTime="now"
+                      filters={Array []}
+                      mode="data_prepper"
+                      page="traces"
+                      query=""
+                      refresh={[Function]}
+                      setEndTime={[MockFunction]}
+                      setFilters={
+                        [MockFunction] {
+                          "calls": Array [
+                            Array [
+                              Array [],
+                            ],
+                          ],
+                          "results": Array [
+                            Object {
+                              "type": "return",
+                              "value": undefined,
+                            },
+                          ],
+                        }
+                      }
+                      setQuery={[MockFunction]}
+                      setStartTime={[MockFunction]}
+                      startTime="now-5m"
+                    >
+                      <EuiFlexGroup
+                        alignItems="center"
+                        gutterSize="s"
                       >
-                        <EuiFormControlLayout
-                          className="euiSuperDatePicker"
-                          compressed={false}
-                          isDisabled={false}
-                          prepend={
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
-                            />
-                          }
+                        <div
+                          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <div
-                            className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
-                          >
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              className="euiFormControlLayout__prepend"
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              key="0/.0"
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
                             >
-                              <EuiPopover
-                                anchorClassName="euiQuickSelectPopover__anchor"
-                                anchorPosition="downLeft"
-                                button={
-                                  <EuiButtonEmpty
-                                    aria-label="Date quick select"
-                                    className="euiFormControlLayout__prepend"
-                                    data-test-subj="superDatePickerToggleQuickMenuButton"
-                                    iconSide="right"
-                                    iconType="arrowDown"
-                                    isDisabled={false}
-                                    onClick={[Function]}
-                                    size="xs"
-                                    textProps={
-                                      Object {
-                                        "className": "euiQuickSelectPopover__buttonText",
+                              <EuiCompressedFieldSearch
+                                compressed={true}
+                                data-test-subj="search-bar-input-box"
+                                fullWidth={true}
+                                incremental={false}
+                                isClearable={false}
+                                isLoading={false}
+                                onChange={[Function]}
+                                onSearch={[Function]}
+                                placeholder="Trace ID, trace group name, service name"
+                                prepend={
+                                  <GlobalFilterButton
+                                    filters={Array []}
+                                    setFilters={
+                                      [MockFunction] {
+                                        "calls": Array [
+                                          Array [
+                                            Array [],
+                                          ],
+                                        ],
+                                        "results": Array [
+                                          Object {
+                                            "type": "return",
+                                            "value": undefined,
+                                          },
+                                        ],
                                       }
                                     }
-                                  >
-                                    <EuiIcon
-                                      type="calendar"
-                                    />
-                                  </EuiButtonEmpty>
+                                  />
                                 }
-                                closePopover={[Function]}
-                                display="inlineBlock"
-                                hasArrow={true}
-                                isOpen={false}
-                                ownFocus={true}
-                                panelPaddingSize="s"
+                                value=""
                               >
-                                <div
-                                  className="euiPopover euiPopover--anchorDownLeft"
+                                <EuiFormControlLayout
+                                  compressed={true}
+                                  fullWidth={true}
+                                  icon="search"
+                                  isLoading={false}
+                                  prepend={
+                                    <GlobalFilterButton
+                                      filters={Array []}
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    />
+                                  }
                                 >
                                   <div
-                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed euiFormControlLayout--group"
                                   >
-                                    <EuiButtonEmpty
-                                      aria-label="Date quick select"
+                                    <GlobalFilterButton
                                       className="euiFormControlLayout__prepend"
-                                      data-test-subj="superDatePickerToggleQuickMenuButton"
-                                      iconSide="right"
-                                      iconType="arrowDown"
-                                      isDisabled={false}
-                                      onClick={[Function]}
-                                      size="xs"
-                                      textProps={
-                                        Object {
-                                          "className": "euiQuickSelectPopover__buttonText",
+                                      filters={Array []}
+                                      key="0/.0"
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
                                         }
                                       }
                                     >
-                                      <button
-                                        aria-label="Date quick select"
-                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
-                                        data-test-subj="superDatePickerToggleQuickMenuButton"
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        type="button"
+                                      <EuiPopover
+                                        anchorPosition="rightUp"
+                                        button={
+                                          <EuiSmallButtonIcon
+                                            aria-label="Change all filters"
+                                            iconType="filter"
+                                            onClick={[Function]}
+                                            title="Change all filters"
+                                          />
+                                        }
+                                        closePopover={[Function]}
+                                        data-test-subj="global-filter-button"
+                                        display="inlineBlock"
+                                        hasArrow={true}
+                                        isOpen={false}
+                                        ownFocus={true}
+                                        panelPaddingSize="none"
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
@@ -1017,56 +925,117 @@ exports[`Traces component renders empty traces page 1`] = `
                                               "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
                                             }
                                           }
+                                        <div
+                                          className="euiPopover euiPopover--anchorRightUp"
+                                          data-test-subj="global-filter-button"
                                         >
-                                          <span
-                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                          <div
+                                            className="euiPopover__anchor"
                                           >
-                                            <EuiIcon
-                                              className="euiButtonContent__icon"
-                                              color="inherit"
-                                              size="s"
-                                              type="arrowDown"
+                                            <EuiSmallButtonIcon
+                                              aria-label="Change all filters"
+                                              iconType="filter"
+                                              onClick={[Function]}
+                                              title="Change all filters"
                                             >
-                                              <EuiIconBeaker
-                                                aria-hidden={true}
-                                                className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                                focusable="false"
-                                                role="img"
-                                                style={null}
+                                              <EuiButtonIcon
+                                                aria-label="Change all filters"
+                                                iconType="filter"
+                                                onClick={[Function]}
+                                                size="s"
+                                                title="Change all filters"
                                               >
-                                                <svg
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                                  focusable="false"
-                                                  height={16}
-                                                  role="img"
-                                                  style={null}
-                                                  viewBox="0 0 16 16"
-                                                  width={16}
-                                                  xmlns="http://www.w3.org/2000/svg"
+                                                <button
+                                                  aria-label="Change all filters"
+                                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  title="Change all filters"
+                                                  type="button"
                                                 >
-                                                  <path
-                                                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                                  />
-                                                </svg>
-                                              </EuiIconBeaker>
-                                            </EuiIcon>
+                                                  <EuiIcon
+                                                    aria-hidden="true"
+                                                    className="euiButtonIcon__icon"
+                                                    color="inherit"
+                                                    size="m"
+                                                    type="filter"
+                                                  >
+                                                    <EuiIconBeaker
+                                                      aria-hidden={true}
+                                                      className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                                      focusable="false"
+                                                      role="img"
+                                                      style={null}
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                                        focusable="false"
+                                                        height={16}
+                                                        role="img"
+                                                        style={null}
+                                                        viewBox="0 0 16 16"
+                                                        width={16}
+                                                        xmlns="http://www.w3.org/2000/svg"
+                                                      >
+                                                        <path
+                                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                        />
+                                                      </svg>
+                                                    </EuiIconBeaker>
+                                                  </EuiIcon>
+                                                </button>
+                                              </EuiButtonIcon>
+                                            </EuiSmallButtonIcon>
+                                          </div>
+                                        </div>
+                                      </EuiPopover>
+                                    </GlobalFilterButton>
+                                    <div
+                                      className="euiFormControlLayout__childrenWrapper"
+                                    >
+                                      <EuiValidatableControl>
+                                        <input
+                                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch--inGroup"
+                                          data-test-subj="search-bar-input-box"
+                                          onChange={[Function]}
+                                          onKeyUp={[Function]}
+                                          placeholder="Trace ID, trace group name, service name"
+                                          type="search"
+                                          value=""
+                                        />
+                                      </EuiValidatableControl>
+                                      <EuiFormControlLayoutIcons
+                                        compressed={true}
+                                        icon="search"
+                                        isLoading={false}
+                                      >
+                                        <div
+                                          className="euiFormControlLayoutIcons"
+                                        >
+                                          <EuiFormControlLayoutCustomIcon
+                                            size="s"
+                                            type="search"
+                                          >
                                             <span
-                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                              className="euiFormControlLayoutCustomIcon"
                                             >
                                               <EuiIcon
-                                                type="calendar"
+                                                aria-hidden="true"
+                                                className="euiFormControlLayoutCustomIcon__icon"
+                                                size="s"
+                                                type="search"
                                               >
                                                 <EuiIconBeaker
                                                   aria-hidden={true}
-                                                  className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                  className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
                                                   focusable="false"
                                                   role="img"
                                                   style={null}
                                                 >
                                                   <svg
                                                     aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                    className="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
                                                     focusable="false"
                                                     height={16}
                                                     role="img"
@@ -1082,103 +1051,615 @@ exports[`Traces component renders empty traces page 1`] = `
                                                 </EuiIconBeaker>
                                               </EuiIcon>
                                             </span>
-                                          </span>
-                                        </EuiButtonContent>
-                                      </button>
-                                    </EuiButtonEmpty>
+                                          </EuiFormControlLayoutCustomIcon>
+                                        </div>
+                                      </EuiFormControlLayoutIcons>
+                                    </div>
+                                  </div>
+                                </EuiFormControlLayout>
+                              </EuiCompressedFieldSearch>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                            style={
+                              Object {
+                                "maxWidth": "30vw",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                              style={
+                                Object {
+                                  "maxWidth": "30vw",
+                                }
+                              }
+                            >
+                              <EuiSuperDatePicker
+                                commonlyUsedRanges={
+                                  Array [
+                                    Object {
+                                      "end": "now/d",
+                                      "label": "Today",
+                                      "start": "now/d",
+                                    },
+                                    Object {
+                                      "end": "now/w",
+                                      "label": "This week",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now/M",
+                                      "label": "This month",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now/y",
+                                      "label": "This year",
+                                      "start": "now/y",
+                                    },
+                                    Object {
+                                      "end": "now-1d/d",
+                                      "label": "Yesterday",
+                                      "start": "now-1d/d",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Week to date",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Month to date",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Year to date",
+                                      "start": "now/y",
+                                    },
+                                  ]
+                                }
+                                compressed={true}
+                                dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                end="now"
+                                isAutoRefreshOnly={false}
+                                isDisabled={false}
+                                isPaused={true}
+                                onTimeChange={[Function]}
+                                recentlyUsedRanges={Array []}
+                                refreshInterval={0}
+                                showUpdateButton={false}
+                                start="now-5m"
+                                timeFormat="HH:mm"
+                              >
+                                <EuiFlexGroup
+                                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  gutterSize="s"
+                                  responsive={false}
+                                >
+                                  <div
+                                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  >
+                                    <EuiFlexItem>
+                                      <div
+                                        className="euiFlexItem"
+                                      >
+                                        <EuiFormControlLayout
+                                          className="euiSuperDatePicker"
+                                          compressed={true}
+                                          isDisabled={false}
+                                          prepend={
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            />
+                                          }
+                                        >
+                                          <div
+                                            className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
+                                          >
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              className="euiFormControlLayout__prepend"
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              key="0/.0"
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            >
+                                              <EuiPopover
+                                                anchorClassName="euiQuickSelectPopover__anchor"
+                                                anchorPosition="downLeft"
+                                                button={
+                                                  <EuiButtonEmpty
+                                                    aria-label="Date quick select"
+                                                    className="euiFormControlLayout__prepend"
+                                                    data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                    iconSide="right"
+                                                    iconType="arrowDown"
+                                                    isDisabled={false}
+                                                    onClick={[Function]}
+                                                    size="xs"
+                                                    textProps={
+                                                      Object {
+                                                        "className": "euiQuickSelectPopover__buttonText",
+                                                      }
+                                                    }
+                                                  >
+                                                    <EuiIcon
+                                                      type="calendar"
+                                                    />
+                                                  </EuiButtonEmpty>
+                                                }
+                                                closePopover={[Function]}
+                                                display="inlineBlock"
+                                                hasArrow={true}
+                                                isOpen={false}
+                                                ownFocus={true}
+                                                panelPaddingSize="s"
+                                              >
+                                                <div
+                                                  className="euiPopover euiPopover--anchorDownLeft"
+                                                >
+                                                  <div
+                                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                                  >
+                                                    <EuiButtonEmpty
+                                                      aria-label="Date quick select"
+                                                      className="euiFormControlLayout__prepend"
+                                                      data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                      iconSide="right"
+                                                      iconType="arrowDown"
+                                                      isDisabled={false}
+                                                      onClick={[Function]}
+                                                      size="xs"
+                                                      textProps={
+                                                        Object {
+                                                          "className": "euiQuickSelectPopover__buttonText",
+                                                        }
+                                                      }
+                                                    >
+                                                      <button
+                                                        aria-label="Date quick select"
+                                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
+                                                        data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        type="button"
+                                                      >
+                                                        <EuiButtonContent
+                                                          className="euiButtonEmpty__content"
+                                                          iconGap="m"
+                                                          iconSide="right"
+                                                          iconSize="s"
+                                                          iconType="arrowDown"
+                                                          textProps={
+                                                            Object {
+                                                              "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                                          >
+                                                            <EuiIcon
+                                                              className="euiButtonContent__icon"
+                                                              color="inherit"
+                                                              size="s"
+                                                              type="arrowDown"
+                                                            >
+                                                              <EuiIconBeaker
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                                focusable="false"
+                                                                role="img"
+                                                                style={null}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                                  focusable="false"
+                                                                  height={16}
+                                                                  role="img"
+                                                                  style={null}
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                                  />
+                                                                </svg>
+                                                              </EuiIconBeaker>
+                                                            </EuiIcon>
+                                                            <span
+                                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                            >
+                                                              <EuiIcon
+                                                                type="calendar"
+                                                              >
+                                                                <EuiIconBeaker
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                                  focusable="false"
+                                                                  role="img"
+                                                                  style={null}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden={true}
+                                                                    className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                                    focusable="false"
+                                                                    height={16}
+                                                                    role="img"
+                                                                    style={null}
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                                    />
+                                                                  </svg>
+                                                                </EuiIconBeaker>
+                                                              </EuiIcon>
+                                                            </span>
+                                                          </span>
+                                                        </EuiButtonContent>
+                                                      </button>
+                                                    </EuiButtonEmpty>
+                                                  </div>
+                                                </div>
+                                              </EuiPopover>
+                                            </EuiQuickSelectPopover>
+                                            <div
+                                              className="euiFormControlLayout__childrenWrapper"
+                                            >
+                                              <EuiDatePickerRange
+                                                className="euiDatePickerRange--inGroup"
+                                                endDateControl={<div />}
+                                                iconType={false}
+                                                isCustom={true}
+                                                startDateControl={<div />}
+                                              >
+                                                <div
+                                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                                >
+                                                  <button
+                                                    className="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
+                                                    data-test-subj="superDatePickerShowDatesButton"
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Last 5 minutes
+                                                    <span
+                                                      className="euiSuperDatePicker__prettyFormatLink"
+                                                    >
+                                                      <EuiI18n
+                                                        default="Show dates"
+                                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                                      >
+                                                        Show dates
+                                                      </EuiI18n>
+                                                    </span>
+                                                  </button>
+                                                </div>
+                                              </EuiDatePickerRange>
+                                              <EuiFormControlLayoutIcons
+                                                compressed={true}
+                                              />
+                                            </div>
+                                          </div>
+                                        </EuiFormControlLayout>
+                                      </div>
+                                    </EuiFlexItem>
                                   </div>
-                                </div>
-                              </EuiPopover>
-                            </EuiQuickSelectPopover>
+                                </EuiFlexGroup>
+                              </EuiSuperDatePicker>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                          >
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <EuiButtonIcon
+                                aria-label="Refresh"
+                                data-click-metric-element="trace_analytics.refresh_button"
+                                data-test-subj="superDatePickerApplyTimeButton"
+                                display="base"
+                                iconType="refresh"
+                                onClick={[Function]}
+                                size="s"
+                              >
+                                <button
+                                  aria-label="Refresh"
+                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--small"
+                                  data-click-metric-element="trace_analytics.refresh_button"
+                                  data-test-subj="superDatePickerApplyTimeButton"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
+                                >
+                                  <EuiIcon
+                                    aria-hidden="true"
+                                    className="euiButtonIcon__icon"
+                                    color="inherit"
+                                    size="m"
+                                    type="refresh"
+                                  >
+                                    <EuiIconBeaker
+                                      aria-hidden={true}
+                                      className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                      focusable="false"
+                                      role="img"
+                                      style={null}
+                                    >
+                                      <svg
+                                        aria-hidden={true}
+                                        className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                                        focusable="false"
+                                        height={16}
+                                        role="img"
+                                        style={null}
+                                        viewBox="0 0 16 16"
+                                        width={16}
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                        />
+                                      </svg>
+                                    </EuiIconBeaker>
+                                  </EuiIcon>
+                                </button>
+                              </EuiButtonIcon>
+                            </div>
+                          </EuiFlexItem>
+                        </div>
+                      </EuiFlexGroup>
+                    </ForwardRef>
+                  </div>
+                </EuiFlexItem>
+              </div>
+            </EuiFlexGroup>
+            <Filters
+              appConfigs={Array []}
+              attributesFilterFields={Array []}
+              filters={Array []}
+              mode="data_prepper"
+              page="traces"
+              setFilters={
+                [MockFunction] {
+                  "calls": Array [
+                    Array [
+                      Array [],
+                    ],
+                  ],
+                  "results": Array [
+                    Object {
+                      "type": "return",
+                      "value": undefined,
+                    },
+                  ],
+                }
+              }
+            >
+              <EuiFlexGroup
+                alignItems="center"
+                gutterSize="xs"
+                responsive={false}
+              >
+                <div
+                  className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                >
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <AddFilterButton>
+                        <EuiPopover
+                          anchorPosition="downLeft"
+                          button={
+                            <EuiButtonEmpty
+                              flush="left"
+                              onClick={[Function]}
+                              size="xs"
+                            >
+                              + Add filter
+                            </EuiButtonEmpty>
+                          }
+                          closePopover={[Function]}
+                          data-test-subj="addfilter"
+                          display="inlineBlock"
+                          hasArrow={true}
+                          isOpen={false}
+                          ownFocus={true}
+                          panelPaddingSize="m"
+                        >
+                          <div
+                            className="euiPopover euiPopover--anchorDownLeft"
+                            data-test-subj="addfilter"
+                          >
                             <div
-                              className="euiFormControlLayout__childrenWrapper"
+                              className="euiPopover__anchor"
                             >
-                              <EuiDatePickerRange
-                                className="euiDatePickerRange--inGroup"
-                                endDateControl={<div />}
-                                iconType={false}
-                                isCustom={true}
-                                startDateControl={<div />}
+                              <EuiButtonEmpty
+                                flush="left"
+                                onClick={[Function]}
+                                size="xs"
                               >
-                                <div
-                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
                                 >
-                                  <button
-                                    className="euiSuperDatePicker__prettyFormat"
-                                    data-test-subj="superDatePickerShowDatesButton"
-                                    disabled={false}
-                                    onClick={[Function]}
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="left"
+                                    iconSize="s"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    Last 5 minutes
                                     <span
-                                      className="euiSuperDatePicker__prettyFormatLink"
+                                      className="euiButtonContent euiButtonEmpty__content"
                                     >
-                                      <EuiI18n
-                                        default="Show dates"
-                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                      <span
+                                        className="euiButtonEmpty__text"
                                       >
-                                        Show dates
-                                      </EuiI18n>
+                                        + Add filter
+                                      </span>
                                     </span>
-                                  </button>
-                                </div>
-                              </EuiDatePickerRange>
-                              <EuiFormControlLayoutIcons
-                                compressed={false}
-                              />
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
                             </div>
                           </div>
-                        </EuiFormControlLayout>
-                      </div>
-                    </EuiFlexItem>
-                  </div>
-                </EuiFlexGroup>
-              </EuiSuperDatePicker>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
+                        </EuiPopover>
+                      </AddFilterButton>
+                    </div>
+                  </EuiFlexItem>
+                </div>
+              </EuiFlexGroup>
+            </Filters>
+            <EuiSpacer
+              size="s"
             >
-              <EuiSmallButton
-                data-click-metric-element="trace_analytics.refresh_button"
-                data-test-subj="superDatePickerApplyTimeButton"
-                iconType="refresh"
-                onClick={[Function]}
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <EuiPanel>
+              <div
+                className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
               >
-                <EuiButton
-                  data-click-metric-element="trace_analytics.refresh_button"
-                  data-test-subj="superDatePickerApplyTimeButton"
-                  iconType="refresh"
-                  onClick={[Function]}
-                  size="s"
+                <EuiAccordion
+                  arrowDisplay="left"
+                  buttonContent="Trace Groups"
+                  data-test-subj="trace-groups-service-operation-accordian"
+                  forceState="closed"
+                  id="accordion1"
+                  initialIsOpen={false}
+                  isLoading={false}
+                  isLoadingMessage={false}
+                  onToggle={[Function]}
+                  paddingSize="none"
                 >
-                  <EuiButtonDisplay
-                    baseClassName="euiButton"
-                    data-click-metric-element="trace_analytics.refresh_button"
-                    data-test-subj="superDatePickerApplyTimeButton"
-                    disabled={false}
-                    element="button"
-                    iconType="refresh"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    type="button"
+                  <div
+                    className="euiAccordion"
+                    data-test-subj="trace-groups-service-operation-accordian"
+                    onToggle={[Function]}
                   >
-                    <button
-                      className="euiButton euiButton--primary euiButton--small"
-                      data-click-metric-element="trace_analytics.refresh_button"
-                      data-test-subj="superDatePickerApplyTimeButton"
-                      disabled={false}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
-                      }
-                      type="button"
+                    <div
+                      className="euiAccordion__triggerWrapper"
                     >
                       <EuiButtonContent
                         className="euiButton__content"
@@ -1190,26 +1671,32 @@ exports[`Traces component renders empty traces page 1`] = `
                             "className": "euiButton__text",
                           }
                         }
+                      <button
+                        aria-controls="accordion1"
+                        aria-expanded={false}
+                        className="euiAccordion__button"
+                        id="random_html_id"
+                        onClick={[Function]}
+                        type="button"
                       >
                         <span
-                          className="euiButtonContent euiButton__content"
+                          className="euiAccordion__iconWrapper"
                         >
                           <EuiIcon
-                            className="euiButtonContent__icon"
-                            color="inherit"
+                            className="euiAccordion__icon"
                             size="m"
-                            type="refresh"
+                            type="arrowRight"
                           >
                             <EuiIconBeaker
                               aria-hidden={true}
-                              className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                              className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
                               focusable="false"
                               role="img"
                               style={null}
                             >
                               <svg
                                 aria-hidden={true}
-                                className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
                                 focusable="false"
                                 height={16}
                                 role="img"
@@ -1224,206 +1711,78 @@ exports[`Traces component renders empty traces page 1`] = `
                               </svg>
                             </EuiIconBeaker>
                           </EuiIcon>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Refresh
-                          </span>
                         </span>
-                      </EuiButtonContent>
-                    </button>
-                  </EuiButtonDisplay>
-                </EuiButton>
-              </EuiSmallButton>
-            </div>
-          </EuiFlexItem>
-        </div>
-      </EuiFlexGroup>
-      <EuiSpacer
-        size="s"
-      >
-        <div
-          className="euiSpacer euiSpacer--s"
-        />
-      </EuiSpacer>
-      <Filters
-        appConfigs={Array []}
-        attributesFilterFields={Array []}
-        filters={Array []}
-        mode="data_prepper"
-        page="traces"
-        setFilters={
-          [MockFunction] {
-            "calls": Array [
-              Array [
-                Array [],
-              ],
-            ],
-            "results": Array [
-              Object {
-                "type": "return",
-                "value": undefined,
-              },
-            ],
-          }
-        }
-      >
-        <EuiFlexGroup
-          alignItems="center"
-          gutterSize="xs"
-          responsive={false}
-          style={
-            Object {
-              "minHeight": 32,
-            }
-          }
-        >
-          <div
-            className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
-            style={
-              Object {
-                "minHeight": 32,
-              }
-            }
-          >
-            <EuiFlexItem
-              grow={false}
-            >
-              <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <GlobalFilterButton>
-                  <EuiPopover
-                    anchorPosition="rightUp"
-                    button={
-                      <EuiSmallButtonIcon
-                        aria-label="Change all filters"
-                        iconType="filter"
-                        onClick={[Function]}
-                        title="Change all filters"
-                      />
-                    }
-                    closePopover={[Function]}
-                    data-test-subj="global-filter-button"
-                    display="inlineBlock"
-                    hasArrow={true}
-                    isOpen={false}
-                    ownFocus={true}
-                    panelPaddingSize="none"
-                    withTitle={true}
-                  >
+                        <span
+                          className="euiIEFlexWrapFix"
+                        >
+                          Trace Groups
+                        </span>
+                      </button>
+                    </div>
                     <div
-                      className="euiPopover euiPopover--anchorRightUp"
-                      data-test-subj="global-filter-button"
-                      withTitle={true}
+                      aria-labelledby="random_html_id"
+                      className="euiAccordion__childWrapper"
+                      id="accordion1"
+                      role="region"
+                      tabIndex={-1}
                     >
-                      <div
-                        className="euiPopover__anchor"
+                      <EuiResizeObserver
+                        onResize={[Function]}
                       >
-                        <EuiSmallButtonIcon
-                          aria-label="Change all filters"
-                          iconType="filter"
-                          onClick={[Function]}
-                          title="Change all filters"
-                        >
-                          <EuiButtonIcon
-                            aria-label="Change all filters"
-                            iconType="filter"
-                            onClick={[Function]}
-                            size="s"
-                            title="Change all filters"
+                        <div>
+                          <div
+                            className=""
                           >
-                            <button
-                              aria-label="Change all filters"
-                              className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
-                              disabled={false}
-                              onClick={[Function]}
-                              title="Change all filters"
-                              type="button"
+                            <EuiSpacer
+                              size="m"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiButtonIcon__icon"
-                                color="inherit"
-                                size="m"
-                                type="filter"
-                              >
-                                <EuiIconBeaker
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
-                                  >
-                                    <path
-                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                    />
-                                  </svg>
-                                </EuiIconBeaker>
-                              </EuiIcon>
-                            </button>
-                          </EuiButtonIcon>
-                        </EuiSmallButtonIcon>
-                      </div>
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                          </div>
+                        </div>
+                      </EuiResizeObserver>
                     </div>
-                  </EuiPopover>
-                </GlobalFilterButton>
+                  </div>
+                </EuiAccordion>
               </div>
-            </EuiFlexItem>
-            <EuiFlexItem
-              grow={false}
+            </EuiPanel>
+            <EuiSpacer
+              size="s"
             >
               <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <AddFilterButton>
-                  <EuiPopover
-                    anchorPosition="downLeft"
-                    button={
-                      <EuiButtonEmpty
-                        onClick={[Function]}
-                        size="xs"
-                      >
-                        + Add filter
-                      </EuiButtonEmpty>
-                    }
-                    closePopover={[Function]}
-                    data-test-subj="addfilter"
-                    display="inlineBlock"
-                    hasArrow={true}
-                    isOpen={false}
-                    ownFocus={true}
-                    panelPaddingSize="m"
-                    withTitle={true}
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <TracesTable
+              dataPrepperIndicesExist={true}
+              items={Array []}
+              loading={true}
+              mode="data_prepper"
+              refresh={[Function]}
+              traceIdColumnAction={[Function]}
+            >
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                >
+                  <EuiFlexGroup
+                    alignItems="center"
+                    gutterSize="s"
                   >
                     <div
-                      className="euiPopover euiPopover--anchorDownLeft"
-                      data-test-subj="addfilter"
-                      withTitle={true}
+                      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
-                      <div
-                        className="euiPopover__anchor"
+                      <EuiFlexItem
+                        grow={10}
                       >
-                        <EuiButtonEmpty
-                          onClick={[Function]}
-                          size="xs"
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrow10"
                         >
-                          <button
-                            className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
-                            disabled={false}
-                            onClick={[Function]}
-                            type="button"
+                          <PanelTitle
+                            title="Traces"
+                            totalItems={0}
                           >
                             <EuiButtonContent
                               className="euiButtonEmpty__content"
@@ -1435,289 +1794,126 @@ exports[`Traces component renders empty traces page 1`] = `
                                   "className": "euiButtonEmpty__text",
                                 }
                               }
+                            <EuiText
+                              size="m"
                             >
-                              <span
-                                className="euiButtonContent euiButtonEmpty__content"
+                              <div
+                                className="euiText euiText--medium"
                               >
                                 <span
-                                  className="euiButtonEmpty__text"
+                                  className="panel-title"
                                 >
-                                  + Add filter
+                                  Traces
                                 </span>
-                              </span>
-                            </EuiButtonContent>
-                          </button>
-                        </EuiButtonEmpty>
-                      </div>
+                                <span
+                                  className="panel-title-count"
+                                >
+                                   (0)
+                                </span>
+                              </div>
+                            </EuiText>
+                          </PanelTitle>
+                        </div>
+                      </EuiFlexItem>
                     </div>
-                  </EuiPopover>
-                </AddFilterButton>
-              </div>
-            </EuiFlexItem>
-          </div>
-        </EuiFlexGroup>
-      </Filters>
-    </ForwardRef>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <EuiPanel>
-      <div
-        className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-      >
-        <EuiAccordion
-          arrowDisplay="left"
-          buttonContent="Trace Groups"
-          data-test-subj="trace-groups-service-operation-accordian"
-          forceState="closed"
-          id="accordion1"
-          initialIsOpen={false}
-          isLoading={false}
-          isLoadingMessage={false}
-          onToggle={[Function]}
-          paddingSize="none"
-        >
-          <div
-            className="euiAccordion"
-            data-test-subj="trace-groups-service-operation-accordian"
-            onToggle={[Function]}
-          >
-            <div
-              className="euiAccordion__triggerWrapper"
-            >
-              <button
-                aria-controls="accordion1"
-                aria-expanded={false}
-                className="euiAccordion__button"
-                id="random_html_id"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="euiAccordion__iconWrapper"
-                >
-                  <EuiIcon
-                    className="euiAccordion__icon"
+                  </EuiFlexGroup>
+                  <EuiSpacer
                     size="m"
-                    type="arrowRight"
                   >
-                    <EuiIconBeaker
-                      aria-hidden={true}
-                      className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                      focusable="false"
-                      role="img"
-                      style={null}
-                    >
-                      <svg
-                        aria-hidden={true}
-                        className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
-                        focusable="false"
-                        height={16}
-                        role="img"
-                        style={null}
-                        viewBox="0 0 16 16"
-                        width={16}
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                        />
-                      </svg>
-                    </EuiIconBeaker>
-                  </EuiIcon>
-                </span>
-                <span
-                  className="euiIEFlexWrapFix"
-                >
-                  Trace Groups
-                </span>
-              </button>
-            </div>
-            <div
-              aria-labelledby="random_html_id"
-              className="euiAccordion__childWrapper"
-              id="accordion1"
-              role="region"
-              tabIndex={-1}
-            >
-              <EuiResizeObserver
-                onResize={[Function]}
-              >
-                <div>
-                  <div
-                    className=""
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiHorizontalRule
+                    margin="none"
+                  >
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full"
+                    />
+                  </EuiHorizontalRule>
+                  <NoMatchMessage
+                    size="xl"
                   >
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                  </div>
-                </div>
-              </EuiResizeObserver>
-            </div>
-          </div>
-        </EuiAccordion>
-      </div>
-    </EuiPanel>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <TracesTable
-      dataPrepperIndicesExist={true}
-      items={Array []}
-      loading={true}
-      mode="data_prepper"
-      refresh={[Function]}
-      traceIdColumnAction={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <EuiFlexGroup
-            alignItems="center"
-            gutterSize="s"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <EuiFlexItem
-                grow={10}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrow10"
-                >
-                  <PanelTitle
-                    title="Traces"
-                    totalItems={0}
-                  >
-                    <EuiText
-                      size="m"
+                    <EuiEmptyPrompt
+                      body={
+                        <EuiText
+                          size="s"
+                        >
+                          No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                        </EuiText>
+                      }
+                      title={
+                        <h2>
+                          No matches
+                        </h2>
+                      }
                     >
                       <div
-                        className="euiText euiText--medium"
+                        className="euiEmptyPrompt"
                       >
-                        <span
-                          className="panel-title"
+                        <EuiTitle
+                          size="m"
                         >
-                          Traces
-                        </span>
-                        <span
-                          className="panel-title-count"
+                          <h2
+                            className="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                        </EuiTitle>
+                        <EuiTextColor
+                          color="subdued"
                         >
-                           (0)
-                        </span>
+                          <span
+                            className="euiTextColor euiTextColor--subdued"
+                          >
+                            <EuiSpacer
+                              size="m"
+                            >
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                            <EuiText>
+                              <div
+                                className="euiText euiText--medium"
+                              >
+                                <EuiText
+                                  size="s"
+                                >
+                                  <div
+                                    className="euiText euiText--small"
+                                  >
+                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                  </div>
+                                </EuiText>
+                              </div>
+                            </EuiText>
+                          </span>
+                        </EuiTextColor>
                       </div>
-                    </EuiText>
-                  </PanelTitle>
-                </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiHorizontalRule
-            margin="none"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full"
-            />
-          </EuiHorizontalRule>
-          <NoMatchMessage
-            size="xl"
-          >
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-            <EuiEmptyPrompt
-              body={
-                <EuiText
-                  size="s"
-                >
-                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                </EuiText>
-              }
-              title={
-                <h2>
-                  No matches
-                </h2>
-              }
-            >
-              <div
-                className="euiEmptyPrompt"
-              >
-                <EuiTitle
-                  size="m"
-                >
-                  <h2
-                    className="euiTitle euiTitle--medium"
-                  >
-                    No matches
-                  </h2>
-                </EuiTitle>
-                <EuiTextColor
-                  color="subdued"
-                >
-                  <span
-                    className="euiTextColor euiTextColor--subdued"
-                  >
+                    </EuiEmptyPrompt>
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                    <EuiText>
-                      <div
-                        className="euiText euiText--medium"
-                      >
-                        <EuiText
-                          size="s"
-                        >
-                          <div
-                            className="euiText euiText--small"
-                          >
-                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                          </div>
-                        </EuiText>
-                      </div>
-                    </EuiText>
-                  </span>
-                </EuiTextColor>
-              </div>
-            </EuiEmptyPrompt>
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-          </NoMatchMessage>
-        </div>
-      </EuiPanel>
-    </TracesTable>
+                  </NoMatchMessage>
+                </div>
+              </EuiPanel>
+            </TracesTable>
+          </div>
+        </EuiPageBody>
+      </div>
+    </EuiPage>
   </TracesContent>
 </Traces>
 `;
@@ -2332,402 +2528,311 @@ exports[`Traces component renders jaeger traces page 1`] = `
     startTime="now-5m"
     traceIdColumnAction={[Function]}
   >
-    <ForwardRef
-      appConfigs={Array []}
-      attributesFilterFields={Array []}
-      endTime="now"
-      filters={Array []}
-      mode="jaeger"
-      page="traces"
-      query=""
-      refresh={[Function]}
-      setEndTime={[MockFunction]}
-      setFilters={
-        [MockFunction] {
-          "calls": Array [
-            Array [
-              Array [],
-            ],
-          ],
-          "results": Array [
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
-          ],
-        }
-      }
-      setQuery={[MockFunction]}
-      setStartTime={[MockFunction]}
-      startTime="now-5m"
+    <EuiPage
+      paddingSize="m"
     >
-      <EuiFlexGroup
-        gutterSize="s"
+      <div
+        className="euiPage euiPage--paddingMedium euiPage--grow"
       >
-        <div
-          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <EuiFlexItem>
-            <div
-              className="euiFlexItem"
+        <EuiPageBody>
+          <div
+            className="euiPageBody euiPageBody--borderRadiusNone"
+          >
+            <EuiFlexGroup
+              alignItems="center"
+              gutterSize="s"
+              justifyContent="spaceBetween"
             >
-              <EuiCompressedFieldSearch
-                compressed={true}
-                data-test-subj="search-bar-input-box"
-                fullWidth={true}
-                incremental={false}
-                isClearable={false}
-                isLoading={false}
-                onChange={[Function]}
-                onSearch={[Function]}
-                placeholder="Trace ID, trace group name, service name"
-                value=""
+              <div
+                className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <EuiFormControlLayout
-                  compressed={true}
-                  fullWidth={true}
-                  icon="search"
-                  isLoading={false}
+                <EuiFlexItem
+                  grow={false}
                 >
                   <div
-                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+                    className="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <div
-                      className="euiFormControlLayout__childrenWrapper"
+                    <DataSourcePicker
+                      modes={
+                        Array [
+                          Object {
+                            "id": "jaeger",
+                            "title": "Jaeger",
+                          },
+                          Object {
+                            "id": "data_prepper",
+                            "title": "Data Prepper",
+                          },
+                        ]
+                      }
+                      selectedMode="jaeger"
                     >
-                      <EuiValidatableControl>
-                        <input
-                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-                          data-test-subj="search-bar-input-box"
-                          onChange={[Function]}
-                          onKeyUp={[Function]}
-                          placeholder="Trace ID, trace group name, service name"
-                          type="search"
-                          value=""
-                        />
-                      </EuiValidatableControl>
-                      <EuiFormControlLayoutIcons
-                        compressed={true}
-                        icon="search"
-                        isLoading={false}
+                      <EuiPopover
+                        anchorClassName="eui-textTruncate"
+                        anchorPosition="downCenter"
+                        button={
+                          <EuiSmallButtonEmpty
+                            className="dscIndexPattern__triggerButton"
+                            color="text"
+                            data-test-subj="indexPattern-switch-link"
+                            flush="left"
+                            iconSide="right"
+                            iconType="arrowDown"
+                            onClick={[Function]}
+                            title="jaeger"
+                          >
+                            Jaeger
+                          </EuiSmallButtonEmpty>
+                        }
+                        className="eui-textTruncate"
+                        closePopover={[Function]}
+                        display="inlineBlock"
+                        hasArrow={true}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="s"
                       >
                         <div
-                          className="euiFormControlLayoutIcons"
+                          className="euiPopover euiPopover--anchorDownCenter eui-textTruncate"
                         >
-                          <EuiFormControlLayoutCustomIcon
-                            size="s"
-                            type="search"
+                          <div
+                            className="euiPopover__anchor eui-textTruncate"
                           >
-                            <span
-                              className="euiFormControlLayoutCustomIcon"
+                            <EuiSmallButtonEmpty
+                              className="dscIndexPattern__triggerButton"
+                              color="text"
+                              data-test-subj="indexPattern-switch-link"
+                              flush="left"
+                              iconSide="right"
+                              iconType="arrowDown"
+                              onClick={[Function]}
+                              title="jaeger"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiFormControlLayoutCustomIcon__icon"
+                              <EuiButtonEmpty
+                                className="dscIndexPattern__triggerButton"
+                                color="text"
+                                data-test-subj="indexPattern-switch-link"
+                                flush="left"
+                                iconSide="right"
+                                iconType="arrowDown"
+                                onClick={[Function]}
                                 size="s"
-                                type="search"
+                                title="jaeger"
                               >
-                                <EuiIconSearch
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty--flushLeft dscIndexPattern__triggerButton"
+                                  data-test-subj="indexPattern-switch-link"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  title="jaeger"
+                                  type="button"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="right"
+                                    iconSize="m"
+                                    iconType="arrowDown"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    <path
-                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                    />
-                                  </svg>
-                                </EuiIconSearch>
-                              </EuiIcon>
-                            </span>
-                          </EuiFormControlLayoutCustomIcon>
+                                    <span
+                                      className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                    >
+                                      <EuiIcon
+                                        className="euiButtonContent__icon"
+                                        color="inherit"
+                                        size="m"
+                                        type="arrowDown"
+                                      >
+                                        <EuiIconArrowDown
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                          focusable="false"
+                                          role="img"
+                                          style={null}
+                                        >
+                                          <svg
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                            focusable="false"
+                                            height={16}
+                                            role="img"
+                                            style={null}
+                                            viewBox="0 0 16 16"
+                                            width={16}
+                                            xmlns="http://www.w3.org/2000/svg"
+                                          >
+                                            <path
+                                              d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                              fillRule="non-zero"
+                                            />
+                                          </svg>
+                                        </EuiIconArrowDown>
+                                      </EuiIcon>
+                                      <span
+                                        className="euiButtonEmpty__text"
+                                      >
+                                        Jaeger
+                                      </span>
+                                    </span>
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
+                            </EuiSmallButtonEmpty>
+                          </div>
                         </div>
-                      </EuiFormControlLayoutIcons>
-                    </div>
+                      </EuiPopover>
+                    </DataSourcePicker>
                   </div>
-                </EuiFormControlLayout>
-              </EuiCompressedFieldSearch>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-            style={
-              Object {
-                "maxWidth": "40vw",
-              }
-            }
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-              style={
-                Object {
-                  "maxWidth": "40vw",
-                }
-              }
-            >
-              <EuiSuperDatePicker
-                commonlyUsedRanges={
-                  Array [
-                    Object {
-                      "end": "now/d",
-                      "label": "Today",
-                      "start": "now/d",
-                    },
-                    Object {
-                      "end": "now/w",
-                      "label": "This week",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now/M",
-                      "label": "This month",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now/y",
-                      "label": "This year",
-                      "start": "now/y",
-                    },
-                    Object {
-                      "end": "now-1d/d",
-                      "label": "Yesterday",
-                      "start": "now-1d/d",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Week to date",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Month to date",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Year to date",
-                      "start": "now/y",
-                    },
-                  ]
-                }
-                compressed={false}
-                dateFormat=""
-                end="now"
-                isAutoRefreshOnly={false}
-                isDisabled={false}
-                isPaused={true}
-                onTimeChange={[Function]}
-                recentlyUsedRanges={Array []}
-                refreshInterval={0}
-                showUpdateButton={false}
-                start="now-5m"
-                timeFormat="HH:mm"
-              >
-                <EuiFlexGroup
-                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
-                  gutterSize="s"
-                  responsive={false}
+                </EuiFlexItem>
+                <EuiFlexItem
+                  grow={true}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                    className="euiFlexItem"
                   >
-                    <EuiFlexItem>
-                      <div
-                        className="euiFlexItem"
+                    <ForwardRef
+                      appConfigs={Array []}
+                      attributesFilterFields={Array []}
+                      endTime="now"
+                      filters={Array []}
+                      mode="jaeger"
+                      page="traces"
+                      query=""
+                      refresh={[Function]}
+                      setEndTime={[MockFunction]}
+                      setFilters={
+                        [MockFunction] {
+                          "calls": Array [
+                            Array [
+                              Array [],
+                            ],
+                          ],
+                          "results": Array [
+                            Object {
+                              "type": "return",
+                              "value": undefined,
+                            },
+                          ],
+                        }
+                      }
+                      setQuery={[MockFunction]}
+                      setStartTime={[MockFunction]}
+                      startTime="now-5m"
+                    >
+                      <EuiFlexGroup
+                        alignItems="center"
+                        gutterSize="s"
                       >
-                        <EuiFormControlLayout
-                          className="euiSuperDatePicker"
-                          compressed={false}
-                          isDisabled={false}
-                          prepend={
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
-                            />
-                          }
+                        <div
+                          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <div
-                            className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
-                          >
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              className="euiFormControlLayout__prepend"
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              key="0/.0"
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
                             >
-                              <EuiPopover
-                                anchorClassName="euiQuickSelectPopover__anchor"
-                                anchorPosition="downLeft"
-                                button={
-                                  <EuiButtonEmpty
-                                    aria-label="Date quick select"
-                                    className="euiFormControlLayout__prepend"
-                                    data-test-subj="superDatePickerToggleQuickMenuButton"
-                                    iconSide="right"
-                                    iconType="arrowDown"
-                                    isDisabled={false}
-                                    onClick={[Function]}
-                                    size="xs"
-                                    textProps={
-                                      Object {
-                                        "className": "euiQuickSelectPopover__buttonText",
+                              <EuiCompressedFieldSearch
+                                compressed={true}
+                                data-test-subj="search-bar-input-box"
+                                fullWidth={true}
+                                incremental={false}
+                                isClearable={false}
+                                isLoading={false}
+                                onChange={[Function]}
+                                onSearch={[Function]}
+                                placeholder="Trace ID, trace group name, service name"
+                                prepend={
+                                  <GlobalFilterButton
+                                    filters={Array []}
+                                    setFilters={
+                                      [MockFunction] {
+                                        "calls": Array [
+                                          Array [
+                                            Array [],
+                                          ],
+                                        ],
+                                        "results": Array [
+                                          Object {
+                                            "type": "return",
+                                            "value": undefined,
+                                          },
+                                        ],
                                       }
                                     }
-                                  >
-                                    <EuiIcon
-                                      type="calendar"
-                                    />
-                                  </EuiButtonEmpty>
+                                  />
                                 }
-                                closePopover={[Function]}
-                                display="inlineBlock"
-                                hasArrow={true}
-                                isOpen={false}
-                                ownFocus={true}
-                                panelPaddingSize="s"
+                                value=""
                               >
-                                <div
-                                  className="euiPopover euiPopover--anchorDownLeft"
+                                <EuiFormControlLayout
+                                  compressed={true}
+                                  fullWidth={true}
+                                  icon="search"
+                                  isLoading={false}
+                                  prepend={
+                                    <GlobalFilterButton
+                                      filters={Array []}
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    />
+                                  }
                                 >
                                   <div
-                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed euiFormControlLayout--group"
                                   >
-                                    <EuiButtonEmpty
-                                      aria-label="Date quick select"
+                                    <GlobalFilterButton
                                       className="euiFormControlLayout__prepend"
-                                      data-test-subj="superDatePickerToggleQuickMenuButton"
-                                      iconSide="right"
-                                      iconType="arrowDown"
-                                      isDisabled={false}
-                                      onClick={[Function]}
-                                      size="xs"
-                                      textProps={
-                                        Object {
-                                          "className": "euiQuickSelectPopover__buttonText",
+                                      filters={Array []}
+                                      key="0/.0"
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
                                         }
                                       }
                                     >
-                                      <button
-                                        aria-label="Date quick select"
-                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
-                                        data-test-subj="superDatePickerToggleQuickMenuButton"
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        type="button"
+                                      <EuiPopover
+                                        anchorPosition="rightUp"
+                                        button={
+                                          <EuiSmallButtonIcon
+                                            aria-label="Change all filters"
+                                            iconType="filter"
+                                            onClick={[Function]}
+                                            title="Change all filters"
+                                          />
+                                        }
+                                        closePopover={[Function]}
+                                        data-test-subj="global-filter-button"
+                                        display="inlineBlock"
+                                        hasArrow={true}
+                                        isOpen={false}
+                                        ownFocus={true}
+                                        panelPaddingSize="none"
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
@@ -2740,57 +2845,118 @@ exports[`Traces component renders jaeger traces page 1`] = `
                                               "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
                                             }
                                           }
+                                        <div
+                                          className="euiPopover euiPopover--anchorRightUp"
+                                          data-test-subj="global-filter-button"
                                         >
-                                          <span
-                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                          <div
+                                            className="euiPopover__anchor"
                                           >
-                                            <EuiIcon
-                                              className="euiButtonContent__icon"
-                                              color="inherit"
-                                              size="s"
-                                              type="arrowDown"
+                                            <EuiSmallButtonIcon
+                                              aria-label="Change all filters"
+                                              iconType="filter"
+                                              onClick={[Function]}
+                                              title="Change all filters"
                                             >
-                                              <EuiIconArrowDown
-                                                aria-hidden={true}
-                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                focusable="false"
-                                                role="img"
-                                                style={null}
+                                              <EuiButtonIcon
+                                                aria-label="Change all filters"
+                                                iconType="filter"
+                                                onClick={[Function]}
+                                                size="s"
+                                                title="Change all filters"
                                               >
-                                                <svg
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                  focusable="false"
-                                                  height={16}
-                                                  role="img"
-                                                  style={null}
-                                                  viewBox="0 0 16 16"
-                                                  width={16}
-                                                  xmlns="http://www.w3.org/2000/svg"
+                                                <button
+                                                  aria-label="Change all filters"
+                                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  title="Change all filters"
+                                                  type="button"
                                                 >
-                                                  <path
-                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                                    fillRule="non-zero"
-                                                  />
-                                                </svg>
-                                              </EuiIconArrowDown>
-                                            </EuiIcon>
+                                                  <EuiIcon
+                                                    aria-hidden="true"
+                                                    className="euiButtonIcon__icon"
+                                                    color="inherit"
+                                                    size="m"
+                                                    type="filter"
+                                                  >
+                                                    <EuiIconFilter
+                                                      aria-hidden={true}
+                                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                      focusable="false"
+                                                      role="img"
+                                                      style={null}
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                        focusable="false"
+                                                        height={16}
+                                                        role="img"
+                                                        style={null}
+                                                        viewBox="0 0 16 16"
+                                                        width={16}
+                                                        xmlns="http://www.w3.org/2000/svg"
+                                                      >
+                                                        <path
+                                                          d="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1Zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1Zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1Z"
+                                                          fillRule="evenodd"
+                                                        />
+                                                      </svg>
+                                                    </EuiIconFilter>
+                                                  </EuiIcon>
+                                                </button>
+                                              </EuiButtonIcon>
+                                            </EuiSmallButtonIcon>
+                                          </div>
+                                        </div>
+                                      </EuiPopover>
+                                    </GlobalFilterButton>
+                                    <div
+                                      className="euiFormControlLayout__childrenWrapper"
+                                    >
+                                      <EuiValidatableControl>
+                                        <input
+                                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch--inGroup"
+                                          data-test-subj="search-bar-input-box"
+                                          onChange={[Function]}
+                                          onKeyUp={[Function]}
+                                          placeholder="Trace ID, trace group name, service name"
+                                          type="search"
+                                          value=""
+                                        />
+                                      </EuiValidatableControl>
+                                      <EuiFormControlLayoutIcons
+                                        compressed={true}
+                                        icon="search"
+                                        isLoading={false}
+                                      >
+                                        <div
+                                          className="euiFormControlLayoutIcons"
+                                        >
+                                          <EuiFormControlLayoutCustomIcon
+                                            size="s"
+                                            type="search"
+                                          >
                                             <span
-                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                              className="euiFormControlLayoutCustomIcon"
                                             >
                                               <EuiIcon
-                                                type="calendar"
+                                                aria-hidden="true"
+                                                className="euiFormControlLayoutCustomIcon__icon"
+                                                size="s"
+                                                type="search"
                                               >
-                                                <EuiIconCalendar
+                                                <EuiIconSearch
                                                   aria-hidden={true}
-                                                  className="euiIcon euiIcon--medium"
+                                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                   focusable="false"
                                                   role="img"
                                                   style={null}
                                                 >
                                                   <svg
                                                     aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium"
+                                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                     focusable="false"
                                                     height={16}
                                                     role="img"
@@ -2800,141 +2966,660 @@ exports[`Traces component renders jaeger traces page 1`] = `
                                                     xmlns="http://www.w3.org/2000/svg"
                                                   >
                                                     <path
-                                                      d="M14 4v-.994C14 2.45 13.55 2 12.994 2H11v1h-1V2H6v1H5V2H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14h9.988C13.55 14 14 13.55 14 12.994V5H2V4h12zm-3-3h1.994C14.102 1 15 1.897 15 3.006v9.988A2.005 2.005 0 0 1 12.994 15H3.006A2.005 2.005 0 0 1 1 12.994V3.006C1 1.898 1.897 1 3.006 1H5V0h1v1h4V0h1v1zM4 7h2v1H4V7zm3 0h2v1H7V7zm3 0h2v1h-2V7zM4 9h2v1H4V9zm3 0h2v1H7V9zm3 0h2v1h-2V9zm-6 2h2v1H4v-1zm3 0h2v1H7v-1zm3 0h2v1h-2v-1z"
-                                                      fillRule="evenodd"
+                                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
                                                     />
                                                   </svg>
-                                                </EuiIconCalendar>
+                                                </EuiIconSearch>
                                               </EuiIcon>
                                             </span>
-                                          </span>
-                                        </EuiButtonContent>
-                                      </button>
-                                    </EuiButtonEmpty>
+                                          </EuiFormControlLayoutCustomIcon>
+                                        </div>
+                                      </EuiFormControlLayoutIcons>
+                                    </div>
                                   </div>
-                                </div>
-                              </EuiPopover>
-                            </EuiQuickSelectPopover>
+                                </EuiFormControlLayout>
+                              </EuiCompressedFieldSearch>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                            style={
+                              Object {
+                                "maxWidth": "30vw",
+                              }
+                            }
+                          >
                             <div
-                              className="euiFormControlLayout__childrenWrapper"
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                              style={
+                                Object {
+                                  "maxWidth": "30vw",
+                                }
+                              }
                             >
-                              <EuiDatePickerRange
-                                className="euiDatePickerRange--inGroup"
-                                endDateControl={<div />}
-                                iconType={false}
-                                isCustom={true}
-                                startDateControl={<div />}
+                              <EuiSuperDatePicker
+                                commonlyUsedRanges={
+                                  Array [
+                                    Object {
+                                      "end": "now/d",
+                                      "label": "Today",
+                                      "start": "now/d",
+                                    },
+                                    Object {
+                                      "end": "now/w",
+                                      "label": "This week",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now/M",
+                                      "label": "This month",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now/y",
+                                      "label": "This year",
+                                      "start": "now/y",
+                                    },
+                                    Object {
+                                      "end": "now-1d/d",
+                                      "label": "Yesterday",
+                                      "start": "now-1d/d",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Week to date",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Month to date",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Year to date",
+                                      "start": "now/y",
+                                    },
+                                  ]
+                                }
+                                compressed={true}
+                                dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                end="now"
+                                isAutoRefreshOnly={false}
+                                isDisabled={false}
+                                isPaused={true}
+                                onTimeChange={[Function]}
+                                recentlyUsedRanges={Array []}
+                                refreshInterval={0}
+                                showUpdateButton={false}
+                                start="now-5m"
+                                timeFormat="HH:mm"
                               >
-                                <div
-                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                <EuiFlexGroup
+                                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  gutterSize="s"
+                                  responsive={false}
                                 >
-                                  <button
-                                    className="euiSuperDatePicker__prettyFormat"
-                                    data-test-subj="superDatePickerShowDatesButton"
-                                    disabled={false}
-                                    onClick={[Function]}
+                                  <div
+                                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
                                   >
-                                    Last 5 minutes
-                                    <span
-                                      className="euiSuperDatePicker__prettyFormatLink"
+                                    <EuiFlexItem>
+                                      <div
+                                        className="euiFlexItem"
+                                      >
+                                        <EuiFormControlLayout
+                                          className="euiSuperDatePicker"
+                                          compressed={true}
+                                          isDisabled={false}
+                                          prepend={
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            />
+                                          }
+                                        >
+                                          <div
+                                            className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
+                                          >
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              className="euiFormControlLayout__prepend"
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              key="0/.0"
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            >
+                                              <EuiPopover
+                                                anchorClassName="euiQuickSelectPopover__anchor"
+                                                anchorPosition="downLeft"
+                                                button={
+                                                  <EuiButtonEmpty
+                                                    aria-label="Date quick select"
+                                                    className="euiFormControlLayout__prepend"
+                                                    data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                    iconSide="right"
+                                                    iconType="arrowDown"
+                                                    isDisabled={false}
+                                                    onClick={[Function]}
+                                                    size="xs"
+                                                    textProps={
+                                                      Object {
+                                                        "className": "euiQuickSelectPopover__buttonText",
+                                                      }
+                                                    }
+                                                  >
+                                                    <EuiIcon
+                                                      type="calendar"
+                                                    />
+                                                  </EuiButtonEmpty>
+                                                }
+                                                closePopover={[Function]}
+                                                display="inlineBlock"
+                                                hasArrow={true}
+                                                isOpen={false}
+                                                ownFocus={true}
+                                                panelPaddingSize="s"
+                                              >
+                                                <div
+                                                  className="euiPopover euiPopover--anchorDownLeft"
+                                                >
+                                                  <div
+                                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                                  >
+                                                    <EuiButtonEmpty
+                                                      aria-label="Date quick select"
+                                                      className="euiFormControlLayout__prepend"
+                                                      data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                      iconSide="right"
+                                                      iconType="arrowDown"
+                                                      isDisabled={false}
+                                                      onClick={[Function]}
+                                                      size="xs"
+                                                      textProps={
+                                                        Object {
+                                                          "className": "euiQuickSelectPopover__buttonText",
+                                                        }
+                                                      }
+                                                    >
+                                                      <button
+                                                        aria-label="Date quick select"
+                                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
+                                                        data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        type="button"
+                                                      >
+                                                        <EuiButtonContent
+                                                          className="euiButtonEmpty__content"
+                                                          iconGap="m"
+                                                          iconSide="right"
+                                                          iconSize="s"
+                                                          iconType="arrowDown"
+                                                          textProps={
+                                                            Object {
+                                                              "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                                          >
+                                                            <EuiIcon
+                                                              className="euiButtonContent__icon"
+                                                              color="inherit"
+                                                              size="s"
+                                                              type="arrowDown"
+                                                            >
+                                                              <EuiIconArrowDown
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                focusable="false"
+                                                                role="img"
+                                                                style={null}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                  focusable="false"
+                                                                  height={16}
+                                                                  role="img"
+                                                                  style={null}
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                                                    fillRule="non-zero"
+                                                                  />
+                                                                </svg>
+                                                              </EuiIconArrowDown>
+                                                            </EuiIcon>
+                                                            <span
+                                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                            >
+                                                              <EuiIcon
+                                                                type="calendar"
+                                                              >
+                                                                <EuiIconCalendar
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--medium"
+                                                                  focusable="false"
+                                                                  role="img"
+                                                                  style={null}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden={true}
+                                                                    className="euiIcon euiIcon--medium"
+                                                                    focusable="false"
+                                                                    height={16}
+                                                                    role="img"
+                                                                    style={null}
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M14 4v-.994C14 2.45 13.55 2 12.994 2H11v1h-1V2H6v1H5V2H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14h9.988C13.55 14 14 13.55 14 12.994V5H2V4h12zm-3-3h1.994C14.102 1 15 1.897 15 3.006v9.988A2.005 2.005 0 0 1 12.994 15H3.006A2.005 2.005 0 0 1 1 12.994V3.006C1 1.898 1.897 1 3.006 1H5V0h1v1h4V0h1v1zM4 7h2v1H4V7zm3 0h2v1H7V7zm3 0h2v1h-2V7zM4 9h2v1H4V9zm3 0h2v1H7V9zm3 0h2v1h-2V9zm-6 2h2v1H4v-1zm3 0h2v1H7v-1zm3 0h2v1h-2v-1z"
+                                                                      fillRule="evenodd"
+                                                                    />
+                                                                  </svg>
+                                                                </EuiIconCalendar>
+                                                              </EuiIcon>
+                                                            </span>
+                                                          </span>
+                                                        </EuiButtonContent>
+                                                      </button>
+                                                    </EuiButtonEmpty>
+                                                  </div>
+                                                </div>
+                                              </EuiPopover>
+                                            </EuiQuickSelectPopover>
+                                            <div
+                                              className="euiFormControlLayout__childrenWrapper"
+                                            >
+                                              <EuiDatePickerRange
+                                                className="euiDatePickerRange--inGroup"
+                                                endDateControl={<div />}
+                                                iconType={false}
+                                                isCustom={true}
+                                                startDateControl={<div />}
+                                              >
+                                                <div
+                                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                                >
+                                                  <button
+                                                    className="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
+                                                    data-test-subj="superDatePickerShowDatesButton"
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Last 5 minutes
+                                                    <span
+                                                      className="euiSuperDatePicker__prettyFormatLink"
+                                                    >
+                                                      <EuiI18n
+                                                        default="Show dates"
+                                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                                      >
+                                                        Show dates
+                                                      </EuiI18n>
+                                                    </span>
+                                                  </button>
+                                                </div>
+                                              </EuiDatePickerRange>
+                                              <EuiFormControlLayoutIcons
+                                                compressed={true}
+                                              />
+                                            </div>
+                                          </div>
+                                        </EuiFormControlLayout>
+                                      </div>
+                                    </EuiFlexItem>
+                                  </div>
+                                </EuiFlexGroup>
+                              </EuiSuperDatePicker>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                          >
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <EuiButtonIcon
+                                aria-label="Refresh"
+                                data-click-metric-element="trace_analytics.refresh_button"
+                                data-test-subj="superDatePickerApplyTimeButton"
+                                display="base"
+                                iconType="refresh"
+                                onClick={[Function]}
+                                size="s"
+                              >
+                                <button
+                                  aria-label="Refresh"
+                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--small"
+                                  data-click-metric-element="trace_analytics.refresh_button"
+                                  data-test-subj="superDatePickerApplyTimeButton"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
+                                >
+                                  <EuiIcon
+                                    aria-hidden="true"
+                                    className="euiButtonIcon__icon"
+                                    color="inherit"
+                                    size="m"
+                                    type="refresh"
+                                  >
+                                    <EuiIconRefresh
+                                      aria-hidden={true}
+                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                      focusable="false"
+                                      role="img"
+                                      style={null}
                                     >
-                                      <EuiI18n
-                                        default="Show dates"
-                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                      <svg
+                                        aria-hidden={true}
+                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                        focusable="false"
+                                        height={16}
+                                        role="img"
+                                        style={null}
+                                        viewBox="0 0 16 16"
+                                        width={16}
+                                        xmlns="http://www.w3.org/2000/svg"
                                       >
-                                        Show dates
-                                      </EuiI18n>
-                                    </span>
-                                  </button>
-                                </div>
-                              </EuiDatePickerRange>
-                              <EuiFormControlLayoutIcons
-                                compressed={false}
-                              />
+                                        <path
+                                          d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                                        />
+                                      </svg>
+                                    </EuiIconRefresh>
+                                  </EuiIcon>
+                                </button>
+                              </EuiButtonIcon>
                             </div>
-                          </div>
-                        </EuiFormControlLayout>
-                      </div>
-                    </EuiFlexItem>
+                          </EuiFlexItem>
+                        </div>
+                      </EuiFlexGroup>
+                    </ForwardRef>
                   </div>
-                </EuiFlexGroup>
-              </EuiSuperDatePicker>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
+                </EuiFlexItem>
+              </div>
+            </EuiFlexGroup>
+            <Filters
+              appConfigs={Array []}
+              attributesFilterFields={Array []}
+              filters={Array []}
+              mode="jaeger"
+              page="traces"
+              setFilters={
+                [MockFunction] {
+                  "calls": Array [
+                    Array [
+                      Array [],
+                    ],
+                  ],
+                  "results": Array [
+                    Object {
+                      "type": "return",
+                      "value": undefined,
+                    },
+                  ],
+                }
+              }
             >
-              <EuiSmallButton
-                data-click-metric-element="trace_analytics.refresh_button"
-                data-test-subj="superDatePickerApplyTimeButton"
-                iconType="refresh"
-                onClick={[Function]}
+              <EuiFlexGroup
+                alignItems="center"
+                gutterSize="xs"
+                responsive={false}
               >
-                <EuiButton
-                  data-click-metric-element="trace_analytics.refresh_button"
-                  data-test-subj="superDatePickerApplyTimeButton"
-                  iconType="refresh"
-                  onClick={[Function]}
-                  size="s"
+                <div
+                  className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                 >
-                  <EuiButtonDisplay
-                    baseClassName="euiButton"
-                    data-click-metric-element="trace_analytics.refresh_button"
-                    data-test-subj="superDatePickerApplyTimeButton"
-                    disabled={false}
-                    element="button"
-                    iconType="refresh"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    type="button"
+                  <EuiFlexItem
+                    grow={false}
                   >
-                    <button
-                      className="euiButton euiButton--primary euiButton--small"
-                      data-click-metric-element="trace_analytics.refresh_button"
-                      data-test-subj="superDatePickerApplyTimeButton"
-                      disabled={false}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
-                      }
-                      type="button"
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
                     >
-                      <EuiButtonContent
-                        className="euiButton__content"
-                        iconGap="m"
-                        iconSide="left"
-                        iconType="refresh"
+                      <AddFilterButton>
+                        <EuiPopover
+                          anchorPosition="downLeft"
+                          button={
+                            <EuiButtonEmpty
+                              flush="left"
+                              onClick={[Function]}
+                              size="xs"
+                            >
+                              + Add filter
+                            </EuiButtonEmpty>
+                          }
+                          closePopover={[Function]}
+                          data-test-subj="addfilter"
+                          display="inlineBlock"
+                          hasArrow={true}
+                          isOpen={false}
+                          ownFocus={true}
+                          panelPaddingSize="m"
+                        >
+                          <div
+                            className="euiPopover euiPopover--anchorDownLeft"
+                            data-test-subj="addfilter"
+                          >
+                            <div
+                              className="euiPopover__anchor"
+                            >
+                              <EuiButtonEmpty
+                                flush="left"
+                                onClick={[Function]}
+                                size="xs"
+                              >
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
+                                >
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="left"
+                                    iconSize="s"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
+                                  >
+                                    <span
+                                      className="euiButtonContent euiButtonEmpty__content"
+                                    >
+                                      <span
+                                        className="euiButtonEmpty__text"
+                                      >
+                                        + Add filter
+                                      </span>
+                                    </span>
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
+                            </div>
+                          </div>
+                        </EuiPopover>
+                      </AddFilterButton>
+                    </div>
+                  </EuiFlexItem>
+                </div>
+              </EuiFlexGroup>
+            </Filters>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <EuiPanel>
+              <div
+                className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+              >
+                <EuiAccordion
+                  arrowDisplay="left"
+                  buttonContent="Service and Operations"
+                  data-test-subj="trace-groups-service-operation-accordian"
+                  forceState="closed"
+                  id="accordion1"
+                  initialIsOpen={false}
+                  isLoading={false}
+                  isLoadingMessage={false}
+                  onToggle={[Function]}
+                  paddingSize="none"
+                >
+                  <div
+                    className="euiAccordion"
+                    data-test-subj="trace-groups-service-operation-accordian"
+                    onToggle={[Function]}
+                  >
+                    <div
+                      className="euiAccordion__triggerWrapper"
+                    >
+                      <EuiButtonContent
+                        className="euiButton__content"
+                        iconGap="m"
+                        iconSide="left"
+                        iconType="refresh"
                         textProps={
                           Object {
                             "className": "euiButton__text",
                           }
                         }
+                      <button
+                        aria-controls="accordion1"
+                        aria-expanded={false}
+                        className="euiAccordion__button"
+                        id="random_html_id"
+                        onClick={[Function]}
+                        type="button"
                       >
                         <span
-                          className="euiButtonContent euiButton__content"
+                          className="euiAccordion__iconWrapper"
                         >
                           <EuiIcon
-                            className="euiButtonContent__icon"
-                            color="inherit"
+                            className="euiAccordion__icon"
                             size="m"
-                            type="refresh"
+                            type="arrowRight"
                           >
-                            <EuiIconRefresh
+                            <EuiIconArrowRight
                               aria-hidden={true}
-                              className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                              className="euiIcon euiIcon--medium euiAccordion__icon"
                               focusable="false"
                               role="img"
                               style={null}
                             >
                               <svg
                                 aria-hidden={true}
-                                className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                className="euiIcon euiIcon--medium euiAccordion__icon"
                                 focusable="false"
                                 height={16}
                                 role="img"
@@ -2944,212 +3629,85 @@ exports[`Traces component renders jaeger traces page 1`] = `
                                 xmlns="http://www.w3.org/2000/svg"
                               >
                                 <path
-                                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                                  d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                                  fillRule="nonzero"
                                 />
                               </svg>
-                            </EuiIconRefresh>
+                            </EuiIconArrowRight>
                           </EuiIcon>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Refresh
-                          </span>
                         </span>
-                      </EuiButtonContent>
-                    </button>
-                  </EuiButtonDisplay>
-                </EuiButton>
-              </EuiSmallButton>
-            </div>
-          </EuiFlexItem>
-        </div>
-      </EuiFlexGroup>
-      <EuiSpacer
-        size="s"
-      >
-        <div
-          className="euiSpacer euiSpacer--s"
-        />
-      </EuiSpacer>
-      <Filters
-        appConfigs={Array []}
-        attributesFilterFields={Array []}
-        filters={Array []}
-        mode="jaeger"
-        page="traces"
-        setFilters={
-          [MockFunction] {
-            "calls": Array [
-              Array [
-                Array [],
-              ],
-            ],
-            "results": Array [
-              Object {
-                "type": "return",
-                "value": undefined,
-              },
-            ],
-          }
-        }
-      >
-        <EuiFlexGroup
-          alignItems="center"
-          gutterSize="xs"
-          responsive={false}
-          style={
-            Object {
-              "minHeight": 32,
-            }
-          }
-        >
-          <div
-            className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
-            style={
-              Object {
-                "minHeight": 32,
-              }
-            }
-          >
-            <EuiFlexItem
-              grow={false}
-            >
-              <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <GlobalFilterButton>
-                  <EuiPopover
-                    anchorPosition="rightUp"
-                    button={
-                      <EuiSmallButtonIcon
-                        aria-label="Change all filters"
-                        iconType="filter"
-                        onClick={[Function]}
-                        title="Change all filters"
-                      />
-                    }
-                    closePopover={[Function]}
-                    data-test-subj="global-filter-button"
-                    display="inlineBlock"
-                    hasArrow={true}
-                    isOpen={false}
-                    ownFocus={true}
-                    panelPaddingSize="none"
-                    withTitle={true}
-                  >
+                        <span
+                          className="euiIEFlexWrapFix"
+                        >
+                          Service and Operations
+                        </span>
+                      </button>
+                    </div>
                     <div
-                      className="euiPopover euiPopover--anchorRightUp"
-                      data-test-subj="global-filter-button"
-                      withTitle={true}
+                      aria-labelledby="random_html_id"
+                      className="euiAccordion__childWrapper"
+                      id="accordion1"
+                      role="region"
+                      tabIndex={-1}
                     >
-                      <div
-                        className="euiPopover__anchor"
+                      <EuiResizeObserver
+                        onResize={[Function]}
                       >
-                        <EuiSmallButtonIcon
-                          aria-label="Change all filters"
-                          iconType="filter"
-                          onClick={[Function]}
-                          title="Change all filters"
-                        >
-                          <EuiButtonIcon
-                            aria-label="Change all filters"
-                            iconType="filter"
-                            onClick={[Function]}
-                            size="s"
-                            title="Change all filters"
+                        <div>
+                          <div
+                            className=""
                           >
-                            <button
-                              aria-label="Change all filters"
-                              className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
-                              disabled={false}
-                              onClick={[Function]}
-                              title="Change all filters"
-                              type="button"
+                            <EuiSpacer
+                              size="m"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiButtonIcon__icon"
-                                color="inherit"
-                                size="m"
-                                type="filter"
-                              >
-                                <EuiIconFilter
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
-                                  >
-                                    <path
-                                      d="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1Zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1Zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1Z"
-                                      fillRule="evenodd"
-                                    />
-                                  </svg>
-                                </EuiIconFilter>
-                              </EuiIcon>
-                            </button>
-                          </EuiButtonIcon>
-                        </EuiSmallButtonIcon>
-                      </div>
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                          </div>
+                        </div>
+                      </EuiResizeObserver>
                     </div>
-                  </EuiPopover>
-                </GlobalFilterButton>
+                  </div>
+                </EuiAccordion>
               </div>
-            </EuiFlexItem>
-            <EuiFlexItem
-              grow={false}
+            </EuiPanel>
+            <EuiSpacer
+              size="s"
             >
               <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <AddFilterButton>
-                  <EuiPopover
-                    anchorPosition="downLeft"
-                    button={
-                      <EuiButtonEmpty
-                        onClick={[Function]}
-                        size="xs"
-                      >
-                        + Add filter
-                      </EuiButtonEmpty>
-                    }
-                    closePopover={[Function]}
-                    data-test-subj="addfilter"
-                    display="inlineBlock"
-                    hasArrow={true}
-                    isOpen={false}
-                    ownFocus={true}
-                    panelPaddingSize="m"
-                    withTitle={true}
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <TracesTable
+              dataPrepperIndicesExist={false}
+              items={Array []}
+              jaegerIndicesExist={true}
+              loading={true}
+              mode="jaeger"
+              refresh={[Function]}
+              traceIdColumnAction={[Function]}
+            >
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                >
+                  <EuiFlexGroup
+                    alignItems="center"
+                    gutterSize="s"
                   >
                     <div
-                      className="euiPopover euiPopover--anchorDownLeft"
-                      data-test-subj="addfilter"
-                      withTitle={true}
+                      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
-                      <div
-                        className="euiPopover__anchor"
+                      <EuiFlexItem
+                        grow={10}
                       >
-                        <EuiButtonEmpty
-                          onClick={[Function]}
-                          size="xs"
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrow10"
                         >
-                          <button
-                            className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
-                            disabled={false}
-                            onClick={[Function]}
-                            type="button"
+                          <PanelTitle
+                            title="Traces"
+                            totalItems={0}
                           >
                             <EuiButtonContent
                               className="euiButtonEmpty__content"
@@ -3161,291 +3719,126 @@ exports[`Traces component renders jaeger traces page 1`] = `
                                   "className": "euiButtonEmpty__text",
                                 }
                               }
+                            <EuiText
+                              size="m"
                             >
-                              <span
-                                className="euiButtonContent euiButtonEmpty__content"
+                              <div
+                                className="euiText euiText--medium"
                               >
                                 <span
-                                  className="euiButtonEmpty__text"
+                                  className="panel-title"
                                 >
-                                  + Add filter
+                                  Traces
                                 </span>
-                              </span>
-                            </EuiButtonContent>
-                          </button>
-                        </EuiButtonEmpty>
-                      </div>
+                                <span
+                                  className="panel-title-count"
+                                >
+                                   (0)
+                                </span>
+                              </div>
+                            </EuiText>
+                          </PanelTitle>
+                        </div>
+                      </EuiFlexItem>
                     </div>
-                  </EuiPopover>
-                </AddFilterButton>
-              </div>
-            </EuiFlexItem>
-          </div>
-        </EuiFlexGroup>
-      </Filters>
-    </ForwardRef>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <EuiPanel>
-      <div
-        className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-      >
-        <EuiAccordion
-          arrowDisplay="left"
-          buttonContent="Service and Operations"
-          data-test-subj="trace-groups-service-operation-accordian"
-          forceState="closed"
-          id="accordion1"
-          initialIsOpen={false}
-          isLoading={false}
-          isLoadingMessage={false}
-          onToggle={[Function]}
-          paddingSize="none"
-        >
-          <div
-            className="euiAccordion"
-            data-test-subj="trace-groups-service-operation-accordian"
-            onToggle={[Function]}
-          >
-            <div
-              className="euiAccordion__triggerWrapper"
-            >
-              <button
-                aria-controls="accordion1"
-                aria-expanded={false}
-                className="euiAccordion__button"
-                id="random_html_id"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="euiAccordion__iconWrapper"
-                >
-                  <EuiIcon
-                    className="euiAccordion__icon"
+                  </EuiFlexGroup>
+                  <EuiSpacer
                     size="m"
-                    type="arrowRight"
                   >
-                    <EuiIconArrowRight
-                      aria-hidden={true}
-                      className="euiIcon euiIcon--medium euiAccordion__icon"
-                      focusable="false"
-                      role="img"
-                      style={null}
-                    >
-                      <svg
-                        aria-hidden={true}
-                        className="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height={16}
-                        role="img"
-                        style={null}
-                        viewBox="0 0 16 16"
-                        width={16}
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fillRule="nonzero"
-                        />
-                      </svg>
-                    </EuiIconArrowRight>
-                  </EuiIcon>
-                </span>
-                <span
-                  className="euiIEFlexWrapFix"
-                >
-                  Service and Operations
-                </span>
-              </button>
-            </div>
-            <div
-              aria-labelledby="random_html_id"
-              className="euiAccordion__childWrapper"
-              id="accordion1"
-              role="region"
-              tabIndex={-1}
-            >
-              <EuiResizeObserver
-                onResize={[Function]}
-              >
-                <div>
-                  <div
-                    className=""
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiHorizontalRule
+                    margin="none"
+                  >
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full"
+                    />
+                  </EuiHorizontalRule>
+                  <NoMatchMessage
+                    size="xl"
                   >
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                  </div>
-                </div>
-              </EuiResizeObserver>
-            </div>
-          </div>
-        </EuiAccordion>
-      </div>
-    </EuiPanel>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <TracesTable
-      dataPrepperIndicesExist={false}
-      items={Array []}
-      jaegerIndicesExist={true}
-      loading={true}
-      mode="jaeger"
-      refresh={[Function]}
-      traceIdColumnAction={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <EuiFlexGroup
-            alignItems="center"
-            gutterSize="s"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <EuiFlexItem
-                grow={10}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrow10"
-                >
-                  <PanelTitle
-                    title="Traces"
-                    totalItems={0}
-                  >
-                    <EuiText
-                      size="m"
+                    <EuiEmptyPrompt
+                      body={
+                        <EuiText
+                          size="s"
+                        >
+                          No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                        </EuiText>
+                      }
+                      title={
+                        <h2>
+                          No matches
+                        </h2>
+                      }
                     >
                       <div
-                        className="euiText euiText--medium"
+                        className="euiEmptyPrompt"
                       >
-                        <span
-                          className="panel-title"
+                        <EuiTitle
+                          size="m"
                         >
-                          Traces
-                        </span>
-                        <span
-                          className="panel-title-count"
+                          <h2
+                            className="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                        </EuiTitle>
+                        <EuiTextColor
+                          color="subdued"
                         >
-                           (0)
-                        </span>
+                          <span
+                            className="euiTextColor euiTextColor--subdued"
+                          >
+                            <EuiSpacer
+                              size="m"
+                            >
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                            <EuiText>
+                              <div
+                                className="euiText euiText--medium"
+                              >
+                                <EuiText
+                                  size="s"
+                                >
+                                  <div
+                                    className="euiText euiText--small"
+                                  >
+                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                  </div>
+                                </EuiText>
+                              </div>
+                            </EuiText>
+                          </span>
+                        </EuiTextColor>
                       </div>
-                    </EuiText>
-                  </PanelTitle>
-                </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiHorizontalRule
-            margin="none"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full"
-            />
-          </EuiHorizontalRule>
-          <NoMatchMessage
-            size="xl"
-          >
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-            <EuiEmptyPrompt
-              body={
-                <EuiText
-                  size="s"
-                >
-                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                </EuiText>
-              }
-              title={
-                <h2>
-                  No matches
-                </h2>
-              }
-            >
-              <div
-                className="euiEmptyPrompt"
-              >
-                <EuiTitle
-                  size="m"
-                >
-                  <h2
-                    className="euiTitle euiTitle--medium"
-                  >
-                    No matches
-                  </h2>
-                </EuiTitle>
-                <EuiTextColor
-                  color="subdued"
-                >
-                  <span
-                    className="euiTextColor euiTextColor--subdued"
-                  >
+                    </EuiEmptyPrompt>
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                    <EuiText>
-                      <div
-                        className="euiText euiText--medium"
-                      >
-                        <EuiText
-                          size="s"
-                        >
-                          <div
-                            className="euiText euiText--small"
-                          >
-                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                          </div>
-                        </EuiText>
-                      </div>
-                    </EuiText>
-                  </span>
-                </EuiTextColor>
-              </div>
-            </EuiEmptyPrompt>
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-          </NoMatchMessage>
-        </div>
-      </EuiPanel>
-    </TracesTable>
+                  </NoMatchMessage>
+                </div>
+              </EuiPanel>
+            </TracesTable>
+          </div>
+        </EuiPageBody>
+      </div>
+    </EuiPage>
   </TracesContent>
 </Traces>
 `;
@@ -3687,12 +4080,14 @@ exports[`Traces component renders traces page 1`] = `
   startTime="now-5m"
   traceIdColumnAction={[Function]}
 >
-  <DataSourcePicker
-    modes={
+  <TracesContent
+    appConfigs={Array []}
+    attributesFilterFields={Array []}
+    childBreadcrumbs={
       Array [
         Object {
-          "id": "jaeger",
-          "title": "Jaeger",
+          "href": "#/trace_analytics/home",
+          "text": "Trace analytics",
         },
         Object {
           "id": "data_prepper",
@@ -4058,402 +4453,311 @@ exports[`Traces component renders traces page 1`] = `
     startTime="now-5m"
     traceIdColumnAction={[Function]}
   >
-    <ForwardRef
-      appConfigs={Array []}
-      attributesFilterFields={Array []}
-      endTime="now"
-      filters={Array []}
-      mode="data_prepper"
-      page="traces"
-      query=""
-      refresh={[Function]}
-      setEndTime={[MockFunction]}
-      setFilters={
-        [MockFunction] {
-          "calls": Array [
-            Array [
-              Array [],
-            ],
-          ],
-          "results": Array [
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
-          ],
-        }
-      }
-      setQuery={[MockFunction]}
-      setStartTime={[MockFunction]}
-      startTime="now-5m"
+    <EuiPage
+      paddingSize="m"
     >
-      <EuiFlexGroup
-        gutterSize="s"
+      <div
+        className="euiPage euiPage--paddingMedium euiPage--grow"
       >
-        <div
-          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <EuiFlexItem>
-            <div
-              className="euiFlexItem"
+        <EuiPageBody>
+          <div
+            className="euiPageBody euiPageBody--borderRadiusNone"
+          >
+            <EuiFlexGroup
+              alignItems="center"
+              gutterSize="s"
+              justifyContent="spaceBetween"
             >
-              <EuiCompressedFieldSearch
-                compressed={true}
-                data-test-subj="search-bar-input-box"
-                fullWidth={true}
-                incremental={false}
-                isClearable={false}
-                isLoading={false}
-                onChange={[Function]}
-                onSearch={[Function]}
-                placeholder="Trace ID, trace group name, service name"
-                value=""
+              <div
+                className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <EuiFormControlLayout
-                  compressed={true}
-                  fullWidth={true}
-                  icon="search"
-                  isLoading={false}
+                <EuiFlexItem
+                  grow={false}
                 >
                   <div
-                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
+                    className="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <div
-                      className="euiFormControlLayout__childrenWrapper"
+                    <DataSourcePicker
+                      modes={
+                        Array [
+                          Object {
+                            "id": "jaeger",
+                            "title": "Jaeger",
+                          },
+                          Object {
+                            "id": "data_prepper",
+                            "title": "Data Prepper",
+                          },
+                        ]
+                      }
+                      selectedMode="data_prepper"
                     >
-                      <EuiValidatableControl>
-                        <input
-                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
-                          data-test-subj="search-bar-input-box"
-                          onChange={[Function]}
-                          onKeyUp={[Function]}
-                          placeholder="Trace ID, trace group name, service name"
-                          type="search"
-                          value=""
-                        />
-                      </EuiValidatableControl>
-                      <EuiFormControlLayoutIcons
-                        compressed={true}
-                        icon="search"
-                        isLoading={false}
+                      <EuiPopover
+                        anchorClassName="eui-textTruncate"
+                        anchorPosition="downCenter"
+                        button={
+                          <EuiSmallButtonEmpty
+                            className="dscIndexPattern__triggerButton"
+                            color="text"
+                            data-test-subj="indexPattern-switch-link"
+                            flush="left"
+                            iconSide="right"
+                            iconType="arrowDown"
+                            onClick={[Function]}
+                            title="data_prepper"
+                          >
+                            Data Prepper
+                          </EuiSmallButtonEmpty>
+                        }
+                        className="eui-textTruncate"
+                        closePopover={[Function]}
+                        display="inlineBlock"
+                        hasArrow={true}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="s"
                       >
                         <div
-                          className="euiFormControlLayoutIcons"
+                          className="euiPopover euiPopover--anchorDownCenter eui-textTruncate"
                         >
-                          <EuiFormControlLayoutCustomIcon
-                            size="s"
-                            type="search"
+                          <div
+                            className="euiPopover__anchor eui-textTruncate"
                           >
-                            <span
-                              className="euiFormControlLayoutCustomIcon"
+                            <EuiSmallButtonEmpty
+                              className="dscIndexPattern__triggerButton"
+                              color="text"
+                              data-test-subj="indexPattern-switch-link"
+                              flush="left"
+                              iconSide="right"
+                              iconType="arrowDown"
+                              onClick={[Function]}
+                              title="data_prepper"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiFormControlLayoutCustomIcon__icon"
+                              <EuiButtonEmpty
+                                className="dscIndexPattern__triggerButton"
+                                color="text"
+                                data-test-subj="indexPattern-switch-link"
+                                flush="left"
+                                iconSide="right"
+                                iconType="arrowDown"
+                                onClick={[Function]}
                                 size="s"
-                                type="search"
+                                title="data_prepper"
                               >
-                                <EuiIconSearch
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty--flushLeft dscIndexPattern__triggerButton"
+                                  data-test-subj="indexPattern-switch-link"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  title="data_prepper"
+                                  type="button"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="right"
+                                    iconSize="m"
+                                    iconType="arrowDown"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    <path
-                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-                                    />
-                                  </svg>
-                                </EuiIconSearch>
-                              </EuiIcon>
-                            </span>
-                          </EuiFormControlLayoutCustomIcon>
+                                    <span
+                                      className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                    >
+                                      <EuiIcon
+                                        className="euiButtonContent__icon"
+                                        color="inherit"
+                                        size="m"
+                                        type="arrowDown"
+                                      >
+                                        <EuiIconArrowDown
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                          focusable="false"
+                                          role="img"
+                                          style={null}
+                                        >
+                                          <svg
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                            focusable="false"
+                                            height={16}
+                                            role="img"
+                                            style={null}
+                                            viewBox="0 0 16 16"
+                                            width={16}
+                                            xmlns="http://www.w3.org/2000/svg"
+                                          >
+                                            <path
+                                              d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                              fillRule="non-zero"
+                                            />
+                                          </svg>
+                                        </EuiIconArrowDown>
+                                      </EuiIcon>
+                                      <span
+                                        className="euiButtonEmpty__text"
+                                      >
+                                        Data Prepper
+                                      </span>
+                                    </span>
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
+                            </EuiSmallButtonEmpty>
+                          </div>
                         </div>
-                      </EuiFormControlLayoutIcons>
-                    </div>
+                      </EuiPopover>
+                    </DataSourcePicker>
                   </div>
-                </EuiFormControlLayout>
-              </EuiCompressedFieldSearch>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-            style={
-              Object {
-                "maxWidth": "40vw",
-              }
-            }
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-              style={
-                Object {
-                  "maxWidth": "40vw",
-                }
-              }
-            >
-              <EuiSuperDatePicker
-                commonlyUsedRanges={
-                  Array [
-                    Object {
-                      "end": "now/d",
-                      "label": "Today",
-                      "start": "now/d",
-                    },
-                    Object {
-                      "end": "now/w",
-                      "label": "This week",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now/M",
-                      "label": "This month",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now/y",
-                      "label": "This year",
-                      "start": "now/y",
-                    },
-                    Object {
-                      "end": "now-1d/d",
-                      "label": "Yesterday",
-                      "start": "now-1d/d",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Week to date",
-                      "start": "now/w",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Month to date",
-                      "start": "now/M",
-                    },
-                    Object {
-                      "end": "now",
-                      "label": "Year to date",
-                      "start": "now/y",
-                    },
-                  ]
-                }
-                compressed={false}
-                dateFormat=""
-                end="now"
-                isAutoRefreshOnly={false}
-                isDisabled={false}
-                isPaused={true}
-                onTimeChange={[Function]}
-                recentlyUsedRanges={Array []}
-                refreshInterval={0}
-                showUpdateButton={false}
-                start="now-5m"
-                timeFormat="HH:mm"
-              >
-                <EuiFlexGroup
-                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
-                  gutterSize="s"
-                  responsive={false}
+                </EuiFlexItem>
+                <EuiFlexItem
+                  grow={true}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                    className="euiFlexItem"
                   >
-                    <EuiFlexItem>
-                      <div
-                        className="euiFlexItem"
+                    <ForwardRef
+                      appConfigs={Array []}
+                      attributesFilterFields={Array []}
+                      endTime="now"
+                      filters={Array []}
+                      mode="data_prepper"
+                      page="traces"
+                      query=""
+                      refresh={[Function]}
+                      setEndTime={[MockFunction]}
+                      setFilters={
+                        [MockFunction] {
+                          "calls": Array [
+                            Array [
+                              Array [],
+                            ],
+                          ],
+                          "results": Array [
+                            Object {
+                              "type": "return",
+                              "value": undefined,
+                            },
+                          ],
+                        }
+                      }
+                      setQuery={[MockFunction]}
+                      setStartTime={[MockFunction]}
+                      startTime="now-5m"
+                    >
+                      <EuiFlexGroup
+                        alignItems="center"
+                        gutterSize="s"
                       >
-                        <EuiFormControlLayout
-                          className="euiSuperDatePicker"
-                          compressed={false}
-                          isDisabled={false}
-                          prepend={
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
-                            />
-                          }
+                        <div
+                          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <div
-                            className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
-                          >
-                            <EuiQuickSelectPopover
-                              applyTime={[Function]}
-                              className="euiFormControlLayout__prepend"
-                              commonlyUsedRanges={
-                                Array [
-                                  Object {
-                                    "end": "now/d",
-                                    "label": "Today",
-                                    "start": "now/d",
-                                  },
-                                  Object {
-                                    "end": "now/w",
-                                    "label": "This week",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now/M",
-                                    "label": "This month",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now/y",
-                                    "label": "This year",
-                                    "start": "now/y",
-                                  },
-                                  Object {
-                                    "end": "now-1d/d",
-                                    "label": "Yesterday",
-                                    "start": "now-1d/d",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Week to date",
-                                    "start": "now/w",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Month to date",
-                                    "start": "now/M",
-                                  },
-                                  Object {
-                                    "end": "now",
-                                    "label": "Year to date",
-                                    "start": "now/y",
-                                  },
-                                ]
-                              }
-                              dateFormat=""
-                              end="now"
-                              isAutoRefreshOnly={false}
-                              isDisabled={false}
-                              isPaused={true}
-                              key="0/.0"
-                              recentlyUsedRanges={Array []}
-                              refreshInterval={0}
-                              start="now-5m"
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
                             >
-                              <EuiPopover
-                                anchorClassName="euiQuickSelectPopover__anchor"
-                                anchorPosition="downLeft"
-                                button={
-                                  <EuiButtonEmpty
-                                    aria-label="Date quick select"
-                                    className="euiFormControlLayout__prepend"
-                                    data-test-subj="superDatePickerToggleQuickMenuButton"
-                                    iconSide="right"
-                                    iconType="arrowDown"
-                                    isDisabled={false}
-                                    onClick={[Function]}
-                                    size="xs"
-                                    textProps={
-                                      Object {
-                                        "className": "euiQuickSelectPopover__buttonText",
+                              <EuiCompressedFieldSearch
+                                compressed={true}
+                                data-test-subj="search-bar-input-box"
+                                fullWidth={true}
+                                incremental={false}
+                                isClearable={false}
+                                isLoading={false}
+                                onChange={[Function]}
+                                onSearch={[Function]}
+                                placeholder="Trace ID, trace group name, service name"
+                                prepend={
+                                  <GlobalFilterButton
+                                    filters={Array []}
+                                    setFilters={
+                                      [MockFunction] {
+                                        "calls": Array [
+                                          Array [
+                                            Array [],
+                                          ],
+                                        ],
+                                        "results": Array [
+                                          Object {
+                                            "type": "return",
+                                            "value": undefined,
+                                          },
+                                        ],
                                       }
                                     }
-                                  >
-                                    <EuiIcon
-                                      type="calendar"
-                                    />
-                                  </EuiButtonEmpty>
+                                  />
                                 }
-                                closePopover={[Function]}
-                                display="inlineBlock"
-                                hasArrow={true}
-                                isOpen={false}
-                                ownFocus={true}
-                                panelPaddingSize="s"
+                                value=""
                               >
-                                <div
-                                  className="euiPopover euiPopover--anchorDownLeft"
+                                <EuiFormControlLayout
+                                  compressed={true}
+                                  fullWidth={true}
+                                  icon="search"
+                                  isLoading={false}
+                                  prepend={
+                                    <GlobalFilterButton
+                                      filters={Array []}
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    />
+                                  }
                                 >
                                   <div
-                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                    className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed euiFormControlLayout--group"
                                   >
-                                    <EuiButtonEmpty
-                                      aria-label="Date quick select"
+                                    <GlobalFilterButton
                                       className="euiFormControlLayout__prepend"
-                                      data-test-subj="superDatePickerToggleQuickMenuButton"
-                                      iconSide="right"
-                                      iconType="arrowDown"
-                                      isDisabled={false}
-                                      onClick={[Function]}
-                                      size="xs"
-                                      textProps={
-                                        Object {
-                                          "className": "euiQuickSelectPopover__buttonText",
+                                      filters={Array []}
+                                      key="0/.0"
+                                      setFilters={
+                                        [MockFunction] {
+                                          "calls": Array [
+                                            Array [
+                                              Array [],
+                                            ],
+                                          ],
+                                          "results": Array [
+                                            Object {
+                                              "type": "return",
+                                              "value": undefined,
+                                            },
+                                          ],
                                         }
                                       }
                                     >
-                                      <button
-                                        aria-label="Date quick select"
-                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
-                                        data-test-subj="superDatePickerToggleQuickMenuButton"
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        type="button"
+                                      <EuiPopover
+                                        anchorPosition="rightUp"
+                                        button={
+                                          <EuiSmallButtonIcon
+                                            aria-label="Change all filters"
+                                            iconType="filter"
+                                            onClick={[Function]}
+                                            title="Change all filters"
+                                          />
+                                        }
+                                        closePopover={[Function]}
+                                        data-test-subj="global-filter-button"
+                                        display="inlineBlock"
+                                        hasArrow={true}
+                                        isOpen={false}
+                                        ownFocus={true}
+                                        panelPaddingSize="none"
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
@@ -4466,57 +4770,118 @@ exports[`Traces component renders traces page 1`] = `
                                               "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
                                             }
                                           }
+                                        <div
+                                          className="euiPopover euiPopover--anchorRightUp"
+                                          data-test-subj="global-filter-button"
                                         >
-                                          <span
-                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                          <div
+                                            className="euiPopover__anchor"
                                           >
-                                            <EuiIcon
-                                              className="euiButtonContent__icon"
-                                              color="inherit"
-                                              size="s"
-                                              type="arrowDown"
+                                            <EuiSmallButtonIcon
+                                              aria-label="Change all filters"
+                                              iconType="filter"
+                                              onClick={[Function]}
+                                              title="Change all filters"
                                             >
-                                              <EuiIconArrowDown
-                                                aria-hidden={true}
-                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                focusable="false"
-                                                role="img"
-                                                style={null}
+                                              <EuiButtonIcon
+                                                aria-label="Change all filters"
+                                                iconType="filter"
+                                                onClick={[Function]}
+                                                size="s"
+                                                title="Change all filters"
                                               >
-                                                <svg
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
-                                                  focusable="false"
-                                                  height={16}
-                                                  role="img"
-                                                  style={null}
-                                                  viewBox="0 0 16 16"
-                                                  width={16}
-                                                  xmlns="http://www.w3.org/2000/svg"
+                                                <button
+                                                  aria-label="Change all filters"
+                                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  title="Change all filters"
+                                                  type="button"
                                                 >
-                                                  <path
-                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                                                    fillRule="non-zero"
-                                                  />
-                                                </svg>
-                                              </EuiIconArrowDown>
-                                            </EuiIcon>
+                                                  <EuiIcon
+                                                    aria-hidden="true"
+                                                    className="euiButtonIcon__icon"
+                                                    color="inherit"
+                                                    size="m"
+                                                    type="filter"
+                                                  >
+                                                    <EuiIconFilter
+                                                      aria-hidden={true}
+                                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                      focusable="false"
+                                                      role="img"
+                                                      style={null}
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                                        focusable="false"
+                                                        height={16}
+                                                        role="img"
+                                                        style={null}
+                                                        viewBox="0 0 16 16"
+                                                        width={16}
+                                                        xmlns="http://www.w3.org/2000/svg"
+                                                      >
+                                                        <path
+                                                          d="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1Zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1Zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1Z"
+                                                          fillRule="evenodd"
+                                                        />
+                                                      </svg>
+                                                    </EuiIconFilter>
+                                                  </EuiIcon>
+                                                </button>
+                                              </EuiButtonIcon>
+                                            </EuiSmallButtonIcon>
+                                          </div>
+                                        </div>
+                                      </EuiPopover>
+                                    </GlobalFilterButton>
+                                    <div
+                                      className="euiFormControlLayout__childrenWrapper"
+                                    >
+                                      <EuiValidatableControl>
+                                        <input
+                                          className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch--inGroup"
+                                          data-test-subj="search-bar-input-box"
+                                          onChange={[Function]}
+                                          onKeyUp={[Function]}
+                                          placeholder="Trace ID, trace group name, service name"
+                                          type="search"
+                                          value=""
+                                        />
+                                      </EuiValidatableControl>
+                                      <EuiFormControlLayoutIcons
+                                        compressed={true}
+                                        icon="search"
+                                        isLoading={false}
+                                      >
+                                        <div
+                                          className="euiFormControlLayoutIcons"
+                                        >
+                                          <EuiFormControlLayoutCustomIcon
+                                            size="s"
+                                            type="search"
+                                          >
                                             <span
-                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                              className="euiFormControlLayoutCustomIcon"
                                             >
                                               <EuiIcon
-                                                type="calendar"
+                                                aria-hidden="true"
+                                                className="euiFormControlLayoutCustomIcon__icon"
+                                                size="s"
+                                                type="search"
                                               >
-                                                <EuiIconCalendar
+                                                <EuiIconSearch
                                                   aria-hidden={true}
-                                                  className="euiIcon euiIcon--medium"
+                                                  className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                   focusable="false"
                                                   role="img"
                                                   style={null}
                                                 >
                                                   <svg
                                                     aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium"
+                                                    className="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                                                     focusable="false"
                                                     height={16}
                                                     role="img"
@@ -4526,110 +4891,623 @@ exports[`Traces component renders traces page 1`] = `
                                                     xmlns="http://www.w3.org/2000/svg"
                                                   >
                                                     <path
-                                                      d="M14 4v-.994C14 2.45 13.55 2 12.994 2H11v1h-1V2H6v1H5V2H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14h9.988C13.55 14 14 13.55 14 12.994V5H2V4h12zm-3-3h1.994C14.102 1 15 1.897 15 3.006v9.988A2.005 2.005 0 0 1 12.994 15H3.006A2.005 2.005 0 0 1 1 12.994V3.006C1 1.898 1.897 1 3.006 1H5V0h1v1h4V0h1v1zM4 7h2v1H4V7zm3 0h2v1H7V7zm3 0h2v1h-2V7zM4 9h2v1H4V9zm3 0h2v1H7V9zm3 0h2v1h-2V9zm-6 2h2v1H4v-1zm3 0h2v1H7v-1zm3 0h2v1h-2v-1z"
-                                                      fillRule="evenodd"
+                                                      d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
                                                     />
                                                   </svg>
-                                                </EuiIconCalendar>
+                                                </EuiIconSearch>
                                               </EuiIcon>
                                             </span>
-                                          </span>
-                                        </EuiButtonContent>
-                                      </button>
-                                    </EuiButtonEmpty>
+                                          </EuiFormControlLayoutCustomIcon>
+                                        </div>
+                                      </EuiFormControlLayoutIcons>
+                                    </div>
+                                  </div>
+                                </EuiFormControlLayout>
+                              </EuiCompressedFieldSearch>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                            style={
+                              Object {
+                                "maxWidth": "30vw",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                              style={
+                                Object {
+                                  "maxWidth": "30vw",
+                                }
+                              }
+                            >
+                              <EuiSuperDatePicker
+                                commonlyUsedRanges={
+                                  Array [
+                                    Object {
+                                      "end": "now/d",
+                                      "label": "Today",
+                                      "start": "now/d",
+                                    },
+                                    Object {
+                                      "end": "now/w",
+                                      "label": "This week",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now/M",
+                                      "label": "This month",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now/y",
+                                      "label": "This year",
+                                      "start": "now/y",
+                                    },
+                                    Object {
+                                      "end": "now-1d/d",
+                                      "label": "Yesterday",
+                                      "start": "now-1d/d",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Week to date",
+                                      "start": "now/w",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Month to date",
+                                      "start": "now/M",
+                                    },
+                                    Object {
+                                      "end": "now",
+                                      "label": "Year to date",
+                                      "start": "now/y",
+                                    },
+                                  ]
+                                }
+                                compressed={true}
+                                dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                end="now"
+                                isAutoRefreshOnly={false}
+                                isDisabled={false}
+                                isPaused={true}
+                                onTimeChange={[Function]}
+                                recentlyUsedRanges={Array []}
+                                refreshInterval={0}
+                                showUpdateButton={false}
+                                start="now-5m"
+                                timeFormat="HH:mm"
+                              >
+                                <EuiFlexGroup
+                                  className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  gutterSize="s"
+                                  responsive={false}
+                                >
+                                  <div
+                                    className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                  >
+                                    <EuiFlexItem>
+                                      <div
+                                        className="euiFlexItem"
+                                      >
+                                        <EuiFormControlLayout
+                                          className="euiSuperDatePicker"
+                                          compressed={true}
+                                          isDisabled={false}
+                                          prepend={
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            />
+                                          }
+                                        >
+                                          <div
+                                            className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
+                                          >
+                                            <EuiQuickSelectPopover
+                                              applyTime={[Function]}
+                                              className="euiFormControlLayout__prepend"
+                                              commonlyUsedRanges={
+                                                Array [
+                                                  Object {
+                                                    "end": "now/d",
+                                                    "label": "Today",
+                                                    "start": "now/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now/w",
+                                                    "label": "This week",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now/M",
+                                                    "label": "This month",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now/y",
+                                                    "label": "This year",
+                                                    "start": "now/y",
+                                                  },
+                                                  Object {
+                                                    "end": "now-1d/d",
+                                                    "label": "Yesterday",
+                                                    "start": "now-1d/d",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Week to date",
+                                                    "start": "now/w",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Month to date",
+                                                    "start": "now/M",
+                                                  },
+                                                  Object {
+                                                    "end": "now",
+                                                    "label": "Year to date",
+                                                    "start": "now/y",
+                                                  },
+                                                ]
+                                              }
+                                              dateFormat="MMM D, YYYY @ HH:mm:ss.SSS"
+                                              end="now"
+                                              isAutoRefreshOnly={false}
+                                              isDisabled={false}
+                                              isPaused={true}
+                                              key="0/.0"
+                                              recentlyUsedRanges={Array []}
+                                              refreshInterval={0}
+                                              start="now-5m"
+                                            >
+                                              <EuiPopover
+                                                anchorClassName="euiQuickSelectPopover__anchor"
+                                                anchorPosition="downLeft"
+                                                button={
+                                                  <EuiButtonEmpty
+                                                    aria-label="Date quick select"
+                                                    className="euiFormControlLayout__prepend"
+                                                    data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                    iconSide="right"
+                                                    iconType="arrowDown"
+                                                    isDisabled={false}
+                                                    onClick={[Function]}
+                                                    size="xs"
+                                                    textProps={
+                                                      Object {
+                                                        "className": "euiQuickSelectPopover__buttonText",
+                                                      }
+                                                    }
+                                                  >
+                                                    <EuiIcon
+                                                      type="calendar"
+                                                    />
+                                                  </EuiButtonEmpty>
+                                                }
+                                                closePopover={[Function]}
+                                                display="inlineBlock"
+                                                hasArrow={true}
+                                                isOpen={false}
+                                                ownFocus={true}
+                                                panelPaddingSize="s"
+                                              >
+                                                <div
+                                                  className="euiPopover euiPopover--anchorDownLeft"
+                                                >
+                                                  <div
+                                                    className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                                  >
+                                                    <EuiButtonEmpty
+                                                      aria-label="Date quick select"
+                                                      className="euiFormControlLayout__prepend"
+                                                      data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                      iconSide="right"
+                                                      iconType="arrowDown"
+                                                      isDisabled={false}
+                                                      onClick={[Function]}
+                                                      size="xs"
+                                                      textProps={
+                                                        Object {
+                                                          "className": "euiQuickSelectPopover__buttonText",
+                                                        }
+                                                      }
+                                                    >
+                                                      <button
+                                                        aria-label="Date quick select"
+                                                        className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
+                                                        data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        type="button"
+                                                      >
+                                                        <EuiButtonContent
+                                                          className="euiButtonEmpty__content"
+                                                          iconGap="m"
+                                                          iconSide="right"
+                                                          iconSize="s"
+                                                          iconType="arrowDown"
+                                                          textProps={
+                                                            Object {
+                                                              "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                                          >
+                                                            <EuiIcon
+                                                              className="euiButtonContent__icon"
+                                                              color="inherit"
+                                                              size="s"
+                                                              type="arrowDown"
+                                                            >
+                                                              <EuiIconArrowDown
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                focusable="false"
+                                                                role="img"
+                                                                style={null}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--small euiIcon--inherit euiButtonContent__icon"
+                                                                  focusable="false"
+                                                                  height={16}
+                                                                  role="img"
+                                                                  style={null}
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                                                                    fillRule="non-zero"
+                                                                  />
+                                                                </svg>
+                                                              </EuiIconArrowDown>
+                                                            </EuiIcon>
+                                                            <span
+                                                              className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                            >
+                                                              <EuiIcon
+                                                                type="calendar"
+                                                              >
+                                                                <EuiIconCalendar
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--medium"
+                                                                  focusable="false"
+                                                                  role="img"
+                                                                  style={null}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden={true}
+                                                                    className="euiIcon euiIcon--medium"
+                                                                    focusable="false"
+                                                                    height={16}
+                                                                    role="img"
+                                                                    style={null}
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M14 4v-.994C14 2.45 13.55 2 12.994 2H11v1h-1V2H6v1H5V2H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14h9.988C13.55 14 14 13.55 14 12.994V5H2V4h12zm-3-3h1.994C14.102 1 15 1.897 15 3.006v9.988A2.005 2.005 0 0 1 12.994 15H3.006A2.005 2.005 0 0 1 1 12.994V3.006C1 1.898 1.897 1 3.006 1H5V0h1v1h4V0h1v1zM4 7h2v1H4V7zm3 0h2v1H7V7zm3 0h2v1h-2V7zM4 9h2v1H4V9zm3 0h2v1H7V9zm3 0h2v1h-2V9zm-6 2h2v1H4v-1zm3 0h2v1H7v-1zm3 0h2v1h-2v-1z"
+                                                                      fillRule="evenodd"
+                                                                    />
+                                                                  </svg>
+                                                                </EuiIconCalendar>
+                                                              </EuiIcon>
+                                                            </span>
+                                                          </span>
+                                                        </EuiButtonContent>
+                                                      </button>
+                                                    </EuiButtonEmpty>
+                                                  </div>
+                                                </div>
+                                              </EuiPopover>
+                                            </EuiQuickSelectPopover>
+                                            <div
+                                              className="euiFormControlLayout__childrenWrapper"
+                                            >
+                                              <EuiDatePickerRange
+                                                className="euiDatePickerRange--inGroup"
+                                                endDateControl={<div />}
+                                                iconType={false}
+                                                isCustom={true}
+                                                startDateControl={<div />}
+                                              >
+                                                <div
+                                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                                >
+                                                  <button
+                                                    className="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
+                                                    data-test-subj="superDatePickerShowDatesButton"
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Last 5 minutes
+                                                    <span
+                                                      className="euiSuperDatePicker__prettyFormatLink"
+                                                    >
+                                                      <EuiI18n
+                                                        default="Show dates"
+                                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                                      >
+                                                        Show dates
+                                                      </EuiI18n>
+                                                    </span>
+                                                  </button>
+                                                </div>
+                                              </EuiDatePickerRange>
+                                              <EuiFormControlLayoutIcons
+                                                compressed={true}
+                                              />
+                                            </div>
+                                          </div>
+                                        </EuiFormControlLayout>
+                                      </div>
+                                    </EuiFlexItem>
                                   </div>
-                                </div>
-                              </EuiPopover>
-                            </EuiQuickSelectPopover>
+                                </EuiFlexGroup>
+                              </EuiSuperDatePicker>
+                            </div>
+                          </EuiFlexItem>
+                          <EuiFlexItem
+                            grow={false}
+                          >
                             <div
-                              className="euiFormControlLayout__childrenWrapper"
+                              className="euiFlexItem euiFlexItem--flexGrowZero"
                             >
-                              <EuiDatePickerRange
-                                className="euiDatePickerRange--inGroup"
-                                endDateControl={<div />}
-                                iconType={false}
-                                isCustom={true}
-                                startDateControl={<div />}
+                              <EuiButtonIcon
+                                aria-label="Refresh"
+                                data-click-metric-element="trace_analytics.refresh_button"
+                                data-test-subj="superDatePickerApplyTimeButton"
+                                display="base"
+                                iconType="refresh"
+                                onClick={[Function]}
+                                size="s"
                               >
-                                <div
-                                  className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                <button
+                                  aria-label="Refresh"
+                                  className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--small"
+                                  data-click-metric-element="trace_analytics.refresh_button"
+                                  data-test-subj="superDatePickerApplyTimeButton"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
                                 >
-                                  <button
-                                    className="euiSuperDatePicker__prettyFormat"
-                                    data-test-subj="superDatePickerShowDatesButton"
-                                    disabled={false}
-                                    onClick={[Function]}
+                                  <EuiIcon
+                                    aria-hidden="true"
+                                    className="euiButtonIcon__icon"
+                                    color="inherit"
+                                    size="m"
+                                    type="refresh"
+                                  >
+                                    <EuiIconRefresh
+                                      aria-hidden={true}
+                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                      focusable="false"
+                                      role="img"
+                                      style={null}
+                                    >
+                                      <svg
+                                        aria-hidden={true}
+                                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                                        focusable="false"
+                                        height={16}
+                                        role="img"
+                                        style={null}
+                                        viewBox="0 0 16 16"
+                                        width={16}
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                                        />
+                                      </svg>
+                                    </EuiIconRefresh>
+                                  </EuiIcon>
+                                </button>
+                              </EuiButtonIcon>
+                            </div>
+                          </EuiFlexItem>
+                        </div>
+                      </EuiFlexGroup>
+                    </ForwardRef>
+                  </div>
+                </EuiFlexItem>
+              </div>
+            </EuiFlexGroup>
+            <Filters
+              appConfigs={Array []}
+              attributesFilterFields={Array []}
+              filters={Array []}
+              mode="data_prepper"
+              page="traces"
+              setFilters={
+                [MockFunction] {
+                  "calls": Array [
+                    Array [
+                      Array [],
+                    ],
+                  ],
+                  "results": Array [
+                    Object {
+                      "type": "return",
+                      "value": undefined,
+                    },
+                  ],
+                }
+              }
+            >
+              <EuiFlexGroup
+                alignItems="center"
+                gutterSize="xs"
+                responsive={false}
+              >
+                <div
+                  className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                >
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <AddFilterButton>
+                        <EuiPopover
+                          anchorPosition="downLeft"
+                          button={
+                            <EuiButtonEmpty
+                              flush="left"
+                              onClick={[Function]}
+                              size="xs"
+                            >
+                              + Add filter
+                            </EuiButtonEmpty>
+                          }
+                          closePopover={[Function]}
+                          data-test-subj="addfilter"
+                          display="inlineBlock"
+                          hasArrow={true}
+                          isOpen={false}
+                          ownFocus={true}
+                          panelPaddingSize="m"
+                        >
+                          <div
+                            className="euiPopover euiPopover--anchorDownLeft"
+                            data-test-subj="addfilter"
+                          >
+                            <div
+                              className="euiPopover__anchor"
+                            >
+                              <EuiButtonEmpty
+                                flush="left"
+                                onClick={[Function]}
+                                size="xs"
+                              >
+                                <button
+                                  className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
+                                >
+                                  <EuiButtonContent
+                                    className="euiButtonEmpty__content"
+                                    iconGap="m"
+                                    iconSide="left"
+                                    iconSize="s"
+                                    textProps={
+                                      Object {
+                                        "className": "euiButtonEmpty__text",
+                                      }
+                                    }
                                   >
-                                    Last 5 minutes
                                     <span
-                                      className="euiSuperDatePicker__prettyFormatLink"
+                                      className="euiButtonContent euiButtonEmpty__content"
                                     >
-                                      <EuiI18n
-                                        default="Show dates"
-                                        token="euiSuperDatePicker.showDatesButtonLabel"
+                                      <span
+                                        className="euiButtonEmpty__text"
                                       >
-                                        Show dates
-                                      </EuiI18n>
+                                        + Add filter
+                                      </span>
                                     </span>
-                                  </button>
-                                </div>
-                              </EuiDatePickerRange>
-                              <EuiFormControlLayoutIcons
-                                compressed={false}
-                              />
+                                  </EuiButtonContent>
+                                </button>
+                              </EuiButtonEmpty>
                             </div>
                           </div>
-                        </EuiFormControlLayout>
-                      </div>
-                    </EuiFlexItem>
-                  </div>
-                </EuiFlexGroup>
-              </EuiSuperDatePicker>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
+                        </EuiPopover>
+                      </AddFilterButton>
+                    </div>
+                  </EuiFlexItem>
+                </div>
+              </EuiFlexGroup>
+            </Filters>
+            <EuiSpacer
+              size="s"
             >
-              <EuiSmallButton
-                data-click-metric-element="trace_analytics.refresh_button"
-                data-test-subj="superDatePickerApplyTimeButton"
-                iconType="refresh"
-                onClick={[Function]}
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <EuiPanel>
+              <div
+                className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
               >
-                <EuiButton
-                  data-click-metric-element="trace_analytics.refresh_button"
-                  data-test-subj="superDatePickerApplyTimeButton"
-                  iconType="refresh"
-                  onClick={[Function]}
-                  size="s"
+                <EuiAccordion
+                  arrowDisplay="left"
+                  buttonContent="Trace Groups"
+                  data-test-subj="trace-groups-service-operation-accordian"
+                  forceState="closed"
+                  id="accordion1"
+                  initialIsOpen={false}
+                  isLoading={false}
+                  isLoadingMessage={false}
+                  onToggle={[Function]}
+                  paddingSize="none"
                 >
-                  <EuiButtonDisplay
-                    baseClassName="euiButton"
-                    data-click-metric-element="trace_analytics.refresh_button"
-                    data-test-subj="superDatePickerApplyTimeButton"
-                    disabled={false}
-                    element="button"
-                    iconType="refresh"
-                    isDisabled={false}
-                    onClick={[Function]}
-                    size="s"
-                    type="button"
+                  <div
+                    className="euiAccordion"
+                    data-test-subj="trace-groups-service-operation-accordian"
+                    onToggle={[Function]}
                   >
-                    <button
-                      className="euiButton euiButton--primary euiButton--small"
-                      data-click-metric-element="trace_analytics.refresh_button"
-                      data-test-subj="superDatePickerApplyTimeButton"
-                      disabled={false}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "minWidth": undefined,
-                        }
-                      }
-                      type="button"
+                    <div
+                      className="euiAccordion__triggerWrapper"
                     >
                       <EuiButtonContent
                         className="euiButton__content"
@@ -4641,26 +5519,32 @@ exports[`Traces component renders traces page 1`] = `
                             "className": "euiButton__text",
                           }
                         }
+                      <button
+                        aria-controls="accordion1"
+                        aria-expanded={false}
+                        className="euiAccordion__button"
+                        id="random_html_id"
+                        onClick={[Function]}
+                        type="button"
                       >
                         <span
-                          className="euiButtonContent euiButton__content"
+                          className="euiAccordion__iconWrapper"
                         >
                           <EuiIcon
-                            className="euiButtonContent__icon"
-                            color="inherit"
+                            className="euiAccordion__icon"
                             size="m"
-                            type="refresh"
+                            type="arrowRight"
                           >
-                            <EuiIconRefresh
+                            <EuiIconArrowRight
                               aria-hidden={true}
-                              className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                              className="euiIcon euiIcon--medium euiAccordion__icon"
                               focusable="false"
                               role="img"
                               style={null}
                             >
                               <svg
                                 aria-hidden={true}
-                                className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                                className="euiIcon euiIcon--medium euiAccordion__icon"
                                 focusable="false"
                                 height={16}
                                 role="img"
@@ -4670,212 +5554,84 @@ exports[`Traces component renders traces page 1`] = `
                                 xmlns="http://www.w3.org/2000/svg"
                               >
                                 <path
-                                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                                  d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                                  fillRule="nonzero"
                                 />
                               </svg>
-                            </EuiIconRefresh>
+                            </EuiIconArrowRight>
                           </EuiIcon>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Refresh
-                          </span>
                         </span>
-                      </EuiButtonContent>
-                    </button>
-                  </EuiButtonDisplay>
-                </EuiButton>
-              </EuiSmallButton>
-            </div>
-          </EuiFlexItem>
-        </div>
-      </EuiFlexGroup>
-      <EuiSpacer
-        size="s"
-      >
-        <div
-          className="euiSpacer euiSpacer--s"
-        />
-      </EuiSpacer>
-      <Filters
-        appConfigs={Array []}
-        attributesFilterFields={Array []}
-        filters={Array []}
-        mode="data_prepper"
-        page="traces"
-        setFilters={
-          [MockFunction] {
-            "calls": Array [
-              Array [
-                Array [],
-              ],
-            ],
-            "results": Array [
-              Object {
-                "type": "return",
-                "value": undefined,
-              },
-            ],
-          }
-        }
-      >
-        <EuiFlexGroup
-          alignItems="center"
-          gutterSize="xs"
-          responsive={false}
-          style={
-            Object {
-              "minHeight": 32,
-            }
-          }
-        >
-          <div
-            className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
-            style={
-              Object {
-                "minHeight": 32,
-              }
-            }
-          >
-            <EuiFlexItem
-              grow={false}
-            >
-              <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <GlobalFilterButton>
-                  <EuiPopover
-                    anchorPosition="rightUp"
-                    button={
-                      <EuiSmallButtonIcon
-                        aria-label="Change all filters"
-                        iconType="filter"
-                        onClick={[Function]}
-                        title="Change all filters"
-                      />
-                    }
-                    closePopover={[Function]}
-                    data-test-subj="global-filter-button"
-                    display="inlineBlock"
-                    hasArrow={true}
-                    isOpen={false}
-                    ownFocus={true}
-                    panelPaddingSize="none"
-                    withTitle={true}
-                  >
+                        <span
+                          className="euiIEFlexWrapFix"
+                        >
+                          Trace Groups
+                        </span>
+                      </button>
+                    </div>
                     <div
-                      className="euiPopover euiPopover--anchorRightUp"
-                      data-test-subj="global-filter-button"
-                      withTitle={true}
+                      aria-labelledby="random_html_id"
+                      className="euiAccordion__childWrapper"
+                      id="accordion1"
+                      role="region"
+                      tabIndex={-1}
                     >
-                      <div
-                        className="euiPopover__anchor"
+                      <EuiResizeObserver
+                        onResize={[Function]}
                       >
-                        <EuiSmallButtonIcon
-                          aria-label="Change all filters"
-                          iconType="filter"
-                          onClick={[Function]}
-                          title="Change all filters"
-                        >
-                          <EuiButtonIcon
-                            aria-label="Change all filters"
-                            iconType="filter"
-                            onClick={[Function]}
-                            size="s"
-                            title="Change all filters"
+                        <div>
+                          <div
+                            className=""
                           >
-                            <button
-                              aria-label="Change all filters"
-                              className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
-                              disabled={false}
-                              onClick={[Function]}
-                              title="Change all filters"
-                              type="button"
+                            <EuiSpacer
+                              size="m"
                             >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiButtonIcon__icon"
-                                color="inherit"
-                                size="m"
-                                type="filter"
-                              >
-                                <EuiIconFilter
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
-                                  >
-                                    <path
-                                      d="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1Zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1Zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1Z"
-                                      fillRule="evenodd"
-                                    />
-                                  </svg>
-                                </EuiIconFilter>
-                              </EuiIcon>
-                            </button>
-                          </EuiButtonIcon>
-                        </EuiSmallButtonIcon>
-                      </div>
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                          </div>
+                        </div>
+                      </EuiResizeObserver>
                     </div>
-                  </EuiPopover>
-                </GlobalFilterButton>
+                  </div>
+                </EuiAccordion>
               </div>
-            </EuiFlexItem>
-            <EuiFlexItem
-              grow={false}
+            </EuiPanel>
+            <EuiSpacer
+              size="s"
             >
               <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <AddFilterButton>
-                  <EuiPopover
-                    anchorPosition="downLeft"
-                    button={
-                      <EuiButtonEmpty
-                        onClick={[Function]}
-                        size="xs"
-                      >
-                        + Add filter
-                      </EuiButtonEmpty>
-                    }
-                    closePopover={[Function]}
-                    data-test-subj="addfilter"
-                    display="inlineBlock"
-                    hasArrow={true}
-                    isOpen={false}
-                    ownFocus={true}
-                    panelPaddingSize="m"
-                    withTitle={true}
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <TracesTable
+              dataPrepperIndicesExist={true}
+              items={Array []}
+              loading={true}
+              mode="data_prepper"
+              refresh={[Function]}
+              traceIdColumnAction={[Function]}
+            >
+              <EuiPanel>
+                <div
+                  className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+                >
+                  <EuiFlexGroup
+                    alignItems="center"
+                    gutterSize="s"
                   >
                     <div
-                      className="euiPopover euiPopover--anchorDownLeft"
-                      data-test-subj="addfilter"
-                      withTitle={true}
+                      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
-                      <div
-                        className="euiPopover__anchor"
+                      <EuiFlexItem
+                        grow={10}
                       >
-                        <EuiButtonEmpty
-                          onClick={[Function]}
-                          size="xs"
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrow10"
                         >
-                          <button
-                            className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
-                            disabled={false}
-                            onClick={[Function]}
-                            type="button"
+                          <PanelTitle
+                            title="Traces"
+                            totalItems={0}
                           >
                             <EuiButtonContent
                               className="euiButtonEmpty__content"
@@ -4887,290 +5643,126 @@ exports[`Traces component renders traces page 1`] = `
                                   "className": "euiButtonEmpty__text",
                                 }
                               }
+                            <EuiText
+                              size="m"
                             >
-                              <span
-                                className="euiButtonContent euiButtonEmpty__content"
+                              <div
+                                className="euiText euiText--medium"
                               >
                                 <span
-                                  className="euiButtonEmpty__text"
+                                  className="panel-title"
                                 >
-                                  + Add filter
+                                  Traces
                                 </span>
-                              </span>
-                            </EuiButtonContent>
-                          </button>
-                        </EuiButtonEmpty>
-                      </div>
+                                <span
+                                  className="panel-title-count"
+                                >
+                                   (0)
+                                </span>
+                              </div>
+                            </EuiText>
+                          </PanelTitle>
+                        </div>
+                      </EuiFlexItem>
                     </div>
-                  </EuiPopover>
-                </AddFilterButton>
-              </div>
-            </EuiFlexItem>
-          </div>
-        </EuiFlexGroup>
-      </Filters>
-    </ForwardRef>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <EuiPanel>
-      <div
-        className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-      >
-        <EuiAccordion
-          arrowDisplay="left"
-          buttonContent="Trace Groups"
-          data-test-subj="trace-groups-service-operation-accordian"
-          forceState="closed"
-          id="accordion1"
-          initialIsOpen={false}
-          isLoading={false}
-          isLoadingMessage={false}
-          onToggle={[Function]}
-          paddingSize="none"
-        >
-          <div
-            className="euiAccordion"
-            data-test-subj="trace-groups-service-operation-accordian"
-            onToggle={[Function]}
-          >
-            <div
-              className="euiAccordion__triggerWrapper"
-            >
-              <button
-                aria-controls="accordion1"
-                aria-expanded={false}
-                className="euiAccordion__button"
-                id="random_html_id"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="euiAccordion__iconWrapper"
-                >
-                  <EuiIcon
-                    className="euiAccordion__icon"
+                  </EuiFlexGroup>
+                  <EuiSpacer
                     size="m"
-                    type="arrowRight"
                   >
-                    <EuiIconArrowRight
-                      aria-hidden={true}
-                      className="euiIcon euiIcon--medium euiAccordion__icon"
-                      focusable="false"
-                      role="img"
-                      style={null}
-                    >
-                      <svg
-                        aria-hidden={true}
-                        className="euiIcon euiIcon--medium euiAccordion__icon"
-                        focusable="false"
-                        height={16}
-                        role="img"
-                        style={null}
-                        viewBox="0 0 16 16"
-                        width={16}
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
-                          fillRule="nonzero"
-                        />
-                      </svg>
-                    </EuiIconArrowRight>
-                  </EuiIcon>
-                </span>
-                <span
-                  className="euiIEFlexWrapFix"
-                >
-                  Trace Groups
-                </span>
-              </button>
-            </div>
-            <div
-              aria-labelledby="random_html_id"
-              className="euiAccordion__childWrapper"
-              id="accordion1"
-              role="region"
-              tabIndex={-1}
-            >
-              <EuiResizeObserver
-                onResize={[Function]}
-              >
-                <div>
-                  <div
-                    className=""
+                    <div
+                      className="euiSpacer euiSpacer--m"
+                    />
+                  </EuiSpacer>
+                  <EuiHorizontalRule
+                    margin="none"
+                  >
+                    <hr
+                      className="euiHorizontalRule euiHorizontalRule--full"
+                    />
+                  </EuiHorizontalRule>
+                  <NoMatchMessage
+                    size="xl"
                   >
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                  </div>
-                </div>
-              </EuiResizeObserver>
-            </div>
-          </div>
-        </EuiAccordion>
-      </div>
-    </EuiPanel>
-    <EuiSpacer
-      size="m"
-    >
-      <div
-        className="euiSpacer euiSpacer--m"
-      />
-    </EuiSpacer>
-    <TracesTable
-      dataPrepperIndicesExist={true}
-      items={Array []}
-      loading={true}
-      mode="data_prepper"
-      refresh={[Function]}
-      traceIdColumnAction={[Function]}
-    >
-      <EuiPanel>
-        <div
-          className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-        >
-          <EuiFlexGroup
-            alignItems="center"
-            gutterSize="s"
-          >
-            <div
-              className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <EuiFlexItem
-                grow={10}
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrow10"
-                >
-                  <PanelTitle
-                    title="Traces"
-                    totalItems={0}
-                  >
-                    <EuiText
-                      size="m"
+                    <EuiEmptyPrompt
+                      body={
+                        <EuiText
+                          size="s"
+                        >
+                          No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                        </EuiText>
+                      }
+                      title={
+                        <h2>
+                          No matches
+                        </h2>
+                      }
                     >
                       <div
-                        className="euiText euiText--medium"
+                        className="euiEmptyPrompt"
                       >
-                        <span
-                          className="panel-title"
+                        <EuiTitle
+                          size="m"
                         >
-                          Traces
-                        </span>
-                        <span
-                          className="panel-title-count"
+                          <h2
+                            className="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                        </EuiTitle>
+                        <EuiTextColor
+                          color="subdued"
                         >
-                           (0)
-                        </span>
+                          <span
+                            className="euiTextColor euiTextColor--subdued"
+                          >
+                            <EuiSpacer
+                              size="m"
+                            >
+                              <div
+                                className="euiSpacer euiSpacer--m"
+                              />
+                            </EuiSpacer>
+                            <EuiText>
+                              <div
+                                className="euiText euiText--medium"
+                              >
+                                <EuiText
+                                  size="s"
+                                >
+                                  <div
+                                    className="euiText euiText--small"
+                                  >
+                                    No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
+                                  </div>
+                                </EuiText>
+                              </div>
+                            </EuiText>
+                          </span>
+                        </EuiTextColor>
                       </div>
-                    </EuiText>
-                  </PanelTitle>
-                </div>
-              </EuiFlexItem>
-            </div>
-          </EuiFlexGroup>
-          <EuiSpacer
-            size="m"
-          >
-            <div
-              className="euiSpacer euiSpacer--m"
-            />
-          </EuiSpacer>
-          <EuiHorizontalRule
-            margin="none"
-          >
-            <hr
-              className="euiHorizontalRule euiHorizontalRule--full"
-            />
-          </EuiHorizontalRule>
-          <NoMatchMessage
-            size="xl"
-          >
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-            <EuiEmptyPrompt
-              body={
-                <EuiText
-                  size="s"
-                >
-                  No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                </EuiText>
-              }
-              title={
-                <h2>
-                  No matches
-                </h2>
-              }
-            >
-              <div
-                className="euiEmptyPrompt"
-              >
-                <EuiTitle
-                  size="m"
-                >
-                  <h2
-                    className="euiTitle euiTitle--medium"
-                  >
-                    No matches
-                  </h2>
-                </EuiTitle>
-                <EuiTextColor
-                  color="subdued"
-                >
-                  <span
-                    className="euiTextColor euiTextColor--subdued"
-                  >
+                    </EuiEmptyPrompt>
                     <EuiSpacer
-                      size="m"
+                      size="xl"
                     >
                       <div
-                        className="euiSpacer euiSpacer--m"
+                        className="euiSpacer euiSpacer--xl"
                       />
                     </EuiSpacer>
-                    <EuiText>
-                      <div
-                        className="euiText euiText--medium"
-                      >
-                        <EuiText
-                          size="s"
-                        >
-                          <div
-                            className="euiText euiText--small"
-                          >
-                            No data matches the selected filter. Clear the filter and/or increase the time range to see more results.
-                          </div>
-                        </EuiText>
-                      </div>
-                    </EuiText>
-                  </span>
-                </EuiTextColor>
-              </div>
-            </EuiEmptyPrompt>
-            <EuiSpacer
-              size="xl"
-            >
-              <div
-                className="euiSpacer euiSpacer--xl"
-              />
-            </EuiSpacer>
-          </NoMatchMessage>
-        </div>
-      </EuiPanel>
-    </TracesTable>
+                  </NoMatchMessage>
+                </div>
+              </EuiPanel>
+            </TracesTable>
+          </div>
+        </EuiPageBody>
+      </div>
+    </EuiPage>
   </TracesContent>
 </Traces>
-`;
+`;
\ No newline at end of file
diff --git a/public/components/trace_analytics/components/traces/trace_view.tsx b/public/components/trace_analytics/components/traces/trace_view.tsx
index 761f93a21..553dad228 100644
--- a/public/components/trace_analytics/components/traces/trace_view.tsx
+++ b/public/components/trace_analytics/components/traces/trace_view.tsx
@@ -38,6 +38,9 @@ import { PanelTitle, filtersToDsl, processTimeStamp } from '../common/helper_fun
 import { ServiceMap, ServiceObject } from '../common/plots/service_map';
 import { ServiceBreakdownPanel } from './service_breakdown_panel';
 import { SpanDetailPanel } from './span_detail_panel';
+import { coreRefs } from '../../../../framework/core_refs';
+
+const newNavigation = coreRefs.chrome?.navGroup.getNavGroupEnabled();
 
 interface TraceViewProps extends TraceAnalyticsCoreDeps {
   traceId: string;
@@ -53,11 +56,13 @@ export function TraceView(props: TraceViewProps) {
   const renderTitle = (traceId: string) => {
     return (
       <>
-        <EuiFlexItem>
-          <EuiText size="s">
-            <h1 className="overview-content">{traceId}</h1>
-          </EuiText>
-        </EuiFlexItem>
+        {!newNavigation && (
+          <EuiFlexItem>
+            <EuiText size="s">
+              <h1 className="overview-content">{traceId}</h1>
+            </EuiText>
+          </EuiFlexItem>
+        )}
       </>
     );
   };
diff --git a/public/components/trace_analytics/components/traces/traces.tsx b/public/components/trace_analytics/components/traces/traces.tsx
index 8e067895f..d2c8129c7 100644
--- a/public/components/trace_analytics/components/traces/traces.tsx
+++ b/public/components/trace_analytics/components/traces/traces.tsx
@@ -8,7 +8,6 @@ import { Toast } from '@elastic/eui/src/components/toast/global_toast_list';
 import React from 'react';
 import { DataSourceOption } from '../../../../../../../src/plugins/data_source_management/public/components/data_source_menu/types';
 import { TraceAnalyticsComponentDeps } from '../../home';
-import { DataSourcePicker } from '../dashboard/mode_picker';
 import { TracesContent } from './traces_content';
 
 export interface TracesProps extends TraceAnalyticsComponentDeps {
@@ -22,7 +21,6 @@ export interface TracesProps extends TraceAnalyticsComponentDeps {
 export function Traces(props: TracesProps) {
   return (
     <>
-      <DataSourcePicker modes={props.modes} selectedMode={props.mode} setMode={props.setMode!} />
       <TracesContent {...props} />
     </>
   );
diff --git a/public/components/trace_analytics/components/traces/traces_content.tsx b/public/components/trace_analytics/components/traces/traces_content.tsx
index 35039cbb0..048a82db2 100644
--- a/public/components/trace_analytics/components/traces/traces_content.tsx
+++ b/public/components/trace_analytics/components/traces/traces_content.tsx
@@ -4,7 +4,16 @@
  */
 /* eslint-disable react-hooks/exhaustive-deps */
 
-import { EuiAccordion, EuiPanel, EuiSpacer, PropertySort } from '@elastic/eui';
+import {
+  EuiAccordion,
+  EuiPanel,
+  EuiSpacer,
+  PropertySort,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiPage,
+  EuiPageBody,
+} from '@elastic/eui';
 import React, { useEffect, useState } from 'react';
 import { coreRefs } from '../../../../framework/core_refs';
 import { handleTracesRequest } from '../../requests/traces_request_handler';
@@ -12,8 +21,10 @@ import { getValidFilterFields } from '../common/filters/filter_helpers';
 import { filtersToDsl, processTimeStamp } from '../common/helper_functions';
 import { SearchBar } from '../common/search_bar';
 import { DashboardContent } from '../dashboard/dashboard_content';
-import { TracesProps } from './traces';
 import { TracesTable } from './traces_table';
+import { TracesProps } from './traces';
+import { DataSourcePicker } from '../dashboard/mode_picker';
+import { Filters } from '../common/filters/filters';
 
 export function TracesContent(props: TracesProps) {
   const {
@@ -109,44 +120,67 @@ export function TracesContent(props: TracesProps) {
 
   return (
     <>
-      <SearchBar
-        query={query}
-        filters={filters}
-        appConfigs={appConfigs}
-        setFilters={setFilters}
-        setQuery={setQuery}
-        startTime={startTime}
-        setStartTime={setStartTime}
-        endTime={endTime}
-        setEndTime={setEndTime}
-        refresh={refresh}
-        page={page}
-        mode={mode}
-        attributesFilterFields={attributesFilterFields}
-      />
-      <EuiSpacer size="m" />
-      <EuiPanel>
-        <EuiAccordion
-          id="accordion1"
-          buttonContent={mode === 'data_prepper' ? 'Trace Groups' : 'Service and Operations'}
-          forceState={trigger}
-          onToggle={onToggle}
-          data-test-subj="trace-groups-service-operation-accordian"
-        >
-          <EuiSpacer size="m" />
-          {trigger === 'open' && dashboardContent()}
-        </EuiAccordion>
-      </EuiPanel>
-      <EuiSpacer size="m" />
-      <TracesTable
-        items={tableItems}
-        refresh={refresh}
-        mode={mode}
-        loading={loading}
-        traceIdColumnAction={traceIdColumnAction}
-        jaegerIndicesExist={jaegerIndicesExist}
-        dataPrepperIndicesExist={dataPrepperIndicesExist}
-      />
+      <EuiPage paddingSize="m">
+        <EuiPageBody>
+          <EuiFlexGroup gutterSize="s" alignItems="center" justifyContent="spaceBetween">
+            <EuiFlexItem grow={false}>
+              <DataSourcePicker
+                modes={props.modes}
+                selectedMode={props.mode}
+                setMode={props.setMode!}
+              />
+            </EuiFlexItem>
+            <EuiFlexItem grow={true}>
+              <SearchBar
+                query={query}
+                filters={filters}
+                appConfigs={appConfigs}
+                setFilters={setFilters}
+                setQuery={setQuery}
+                startTime={startTime}
+                setStartTime={setStartTime}
+                endTime={endTime}
+                setEndTime={setEndTime}
+                refresh={refresh}
+                page={page}
+                mode={mode}
+                attributesFilterFields={attributesFilterFields}
+              />
+            </EuiFlexItem>
+          </EuiFlexGroup>
+          <Filters
+            page={page}
+            filters={filters}
+            setFilters={setFilters}
+            appConfigs={appConfigs}
+            mode={mode}
+            attributesFilterFields={attributesFilterFields}
+          />
+          <EuiSpacer size="s" />
+          <EuiPanel>
+            <EuiAccordion
+              id="accordion1"
+              buttonContent={mode === 'data_prepper' ? 'Trace Groups' : 'Service and Operations'}
+              forceState={trigger}
+              onToggle={onToggle}
+              data-test-subj="trace-groups-service-operation-accordian"
+            >
+              <EuiSpacer size="m" />
+              {trigger === 'open' && dashboardContent()}
+            </EuiAccordion>
+          </EuiPanel>
+          <EuiSpacer size="s" />
+          <TracesTable
+            items={tableItems}
+            refresh={refresh}
+            mode={mode}
+            loading={loading}
+            traceIdColumnAction={traceIdColumnAction}
+            jaegerIndicesExist={jaegerIndicesExist}
+            dataPrepperIndicesExist={dataPrepperIndicesExist}
+          />
+        </EuiPageBody>
+      </EuiPage>
     </>
   );
 }
diff --git a/public/components/trace_analytics/components/traces/traces_table.tsx b/public/components/trace_analytics/components/traces/traces_table.tsx
index e8fd55ca4..c84deabcf 100644
--- a/public/components/trace_analytics/components/traces/traces_table.tsx
+++ b/public/components/trace_analytics/components/traces/traces_table.tsx
@@ -51,11 +51,9 @@ export function TracesTable(props: TracesTableProps) {
     );
   };
 
-  const columns = useMemo(
-    () => {
-      if (mode === 'data_prepper') {
-        return(
-      [
+  const columns = useMemo(() => {
+    if (mode === 'data_prepper') {
+      return [
         {
           field: 'trace_id',
           name: 'Trace ID',
@@ -65,7 +63,7 @@ export function TracesTable(props: TracesTableProps) {
           render: (item) => (
             <EuiFlexGroup gutterSize="s" alignItems="center">
               <EuiFlexItem grow={10}>
-                <EuiLink data-test-subj='trace-link' onClick={() => traceIdColumnAction(item)}>
+                <EuiLink data-test-subj="trace-link" onClick={() => traceIdColumnAction(item)}>
                   {item.length < 24 ? (
                     item
                   ) : (
@@ -99,11 +97,7 @@ export function TracesTable(props: TracesTableProps) {
           render: (item) =>
             item ? (
               <EuiText size="s">
-                {item.length < 36 ? (
-                  item
-                ) : (
-                  <div title={item}>{truncate(item, { length: 36 })}</div>
-                )}
+                {item.length < 36 ? item : <div title={item}>{truncate(item, { length: 36 })}</div>}
               </EuiText>
             ) : (
               '-'
@@ -152,79 +146,76 @@ export function TracesTable(props: TracesTableProps) {
           sortable: true,
           render: (item) => (item === 0 || item ? item : '-'),
         },
-      ] as Array<EuiTableFieldDataColumnType<any>>)
+      ] as Array<EuiTableFieldDataColumnType<any>>;
     } else {
-      return (
-        [
-          {
-            field: 'trace_id',
-            name: 'Trace ID',
-            align: 'left',
-            sortable: true,
-            truncateText: true,
-            render: (item) => (
-              <EuiFlexGroup gutterSize="s" alignItems="center">
-                <EuiFlexItem grow={10}>
-                  <EuiLink onClick={() => traceIdColumnAction(item)}>
-                    {item.length < 24 ? (
-                      item
-                    ) : (
-                      <div title={item}>{truncate(item, { length: 24 })}</div>
-                    )}
-                  </EuiLink>
-                </EuiFlexItem>
-                <EuiFlexItem grow={false}>
-                  <EuiCopy textToCopy={item}>
-                    {(copy) => (
-                      <EuiSmallButtonIcon
-                        aria-label="Copy trace id"
-                        iconType="copyClipboard"
-                        onClick={copy}
-                      >
-                        Click to copy
-                      </EuiSmallButtonIcon>
-                    )}
-                  </EuiCopy>
-                </EuiFlexItem>
-                <EuiFlexItem grow={3} />
-              </EuiFlexGroup>
+      return [
+        {
+          field: 'trace_id',
+          name: 'Trace ID',
+          align: 'left',
+          sortable: true,
+          truncateText: true,
+          render: (item) => (
+            <EuiFlexGroup gutterSize="s" alignItems="center">
+              <EuiFlexItem grow={10}>
+                <EuiLink onClick={() => traceIdColumnAction(item)}>
+                  {item.length < 24 ? (
+                    item
+                  ) : (
+                    <div title={item}>{truncate(item, { length: 24 })}</div>
+                  )}
+                </EuiLink>
+              </EuiFlexItem>
+              <EuiFlexItem grow={false}>
+                <EuiCopy textToCopy={item}>
+                  {(copy) => (
+                    <EuiSmallButtonIcon
+                      aria-label="Copy trace id"
+                      iconType="copyClipboard"
+                      onClick={copy}
+                    >
+                      Click to copy
+                    </EuiSmallButtonIcon>
+                  )}
+                </EuiCopy>
+              </EuiFlexItem>
+              <EuiFlexItem grow={3} />
+            </EuiFlexGroup>
+          ),
+        },
+        {
+          field: 'latency',
+          name: 'Latency (ms)',
+          align: 'right',
+          sortable: true,
+          truncateText: true,
+        },
+        {
+          field: 'error_count',
+          name: 'Errors',
+          align: 'right',
+          sortable: true,
+          render: (item) =>
+            item == null ? (
+              '-'
+            ) : item > 0 ? (
+              <EuiText color="danger" size="s">
+                Yes
+              </EuiText>
+            ) : (
+              'No'
             ),
-          },
-          {
-            field: 'latency',
-            name: 'Latency (ms)',
-            align: 'right',
-            sortable: true,
-            truncateText: true,
-          },
-          {
-            field: 'error_count',
-            name: 'Errors',
-            align: 'right',
-            sortable: true,
-            render: (item) =>
-              item == null ? (
-                '-'
-              ) : item > 0 ? (
-                <EuiText color="danger" size="s">
-                  Yes
-                </EuiText>
-              ) : (
-                'No'
-              ),
-          },
-          {
-            field: 'last_updated',
-            name: 'Last updated',
-            align: 'left',
-            sortable: true,
-            render: (item) => (item === 0 || item ? item : '-'),
-          },
-        ] as Array<EuiTableFieldDataColumnType<any>>)
+        },
+        {
+          field: 'last_updated',
+          name: 'Last updated',
+          align: 'left',
+          sortable: true,
+          render: (item) => (item === 0 || item ? item : '-'),
+        },
+      ] as Array<EuiTableFieldDataColumnType<any>>;
     }
-    },
-    [items]
-  );
+  }, [items]);
 
   const titleBar = useMemo(() => renderTitleBar(items?.length), [items]);
 
@@ -235,7 +226,7 @@ export function TracesTable(props: TracesTableProps) {
     },
   });
 
-  const onTableChange = async ({ currPage, sort }: { currPage: any; sort: any }) => {
+  const onTableChange = async ({ _currPage, sort }: { currPage: any; sort: any }) => {
     if (typeof sort?.field !== 'string') return;
 
     // maps table column key to DSL aggregation name
@@ -270,8 +261,11 @@ export function TracesTable(props: TracesTableProps) {
         {titleBar}
         <EuiSpacer size="m" />
         <EuiHorizontalRule margin="none" />
-        {!((mode === 'data_prepper' && props.dataPrepperIndicesExist) || (mode === 'jaeger' && props.jaegerIndicesExist)) ? (
-          <MissingConfigurationMessage mode={mode}/>
+        {!(
+          (mode === 'data_prepper' && props.dataPrepperIndicesExist) ||
+          (mode === 'jaeger' && props.jaegerIndicesExist)
+        ) ? (
+          <MissingConfigurationMessage mode={mode} />
         ) : items?.length > 0 ? (
           <EuiInMemoryTable
             tableLayout="auto"
diff --git a/public/plugin_headerControl.tsx b/public/plugin_headerControl.tsx
new file mode 100644
index 000000000..369dc843c
--- /dev/null
+++ b/public/plugin_headerControl.tsx
@@ -0,0 +1,66 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { EuiText } from '@elastic/eui';
+import { coreRefs } from './framework/core_refs';
+
+interface HeaderControlledComponentsWrapperProps {
+  components?: React.ReactElement[];
+  badgeContent?: React.ReactElement | string | number;
+  description?: string;
+}
+
+export const HeaderControlledComponentsWrapper = ({
+  components = [],
+  badgeContent,
+  description,
+}: HeaderControlledComponentsWrapperProps) => {
+  const HeaderControl = coreRefs.navigation?.ui.HeaderControl;
+  const showActionsInHeader = coreRefs.chrome?.navGroup.getNavGroupEnabled();
+
+  const formattedBadgeContent = badgeContent ? `(${badgeContent})` : '';
+
+  if (showActionsInHeader && HeaderControl) {
+    return (
+      <>
+        {badgeContent && (
+          <HeaderControl
+            setMountPoint={coreRefs.application?.setAppBadgeControls}
+            controls={[
+              {
+                key: 'header-badge-control-left',
+                renderComponent: <span key="badge">{formattedBadgeContent}</span>,
+              },
+            ]}
+          />
+        )}
+        {description && (
+          <HeaderControl
+            setMountPoint={coreRefs.application?.setAppDescriptionControls}
+            controls={[
+              {
+                key: 'header-description-control',
+                renderComponent: <EuiText key="description">{description}</EuiText>,
+              },
+            ]}
+          />
+        )}
+        {components.length > 0 && (
+          <HeaderControl
+            setMountPoint={coreRefs.application?.setAppRightControls}
+            controls={components.map((component, index) => ({
+              key: `header-control-${index}`,
+              renderComponent: component,
+            }))}
+          />
+        )}
+      </>
+    );
+  }
+
+  // Only render the components if the nav group is disabled
+  return <>{components}</>;
+};