diff --git a/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
new file mode 100644
index 000000000..0a22d4fa8
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
@@ -0,0 +1,11198 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Create Page can clear 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"
+        >
+          <div
+            class="euiPageBody"
+          >
+            <div
+              class="euiPageHeader euiPageHeader--responsive"
+            >
+              <div
+                class="euiPageHeaderSection"
+              >
+                <h1
+                  class="euiTitle euiTitle--large"
+                >
+                  Create application
+                </h1>
+              </div>
+            </div>
+            <div
+              class="euiPanel euiPanel--paddingLarge euiPageContent"
+              id="appInfo"
+            >
+              <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"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          id="random_html_id"
+                          name="name"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="euiFormRow"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          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 euiPageContent"
+              id="composition"
+            >
+              <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"
+                >
+                  <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                        type="button"
+                      >
+                        <span
+                          class="euiButtonContent euiButton__content"
+                        >
+                          <span
+                            class="euiButton__text"
+                          >
+                            Clear
+                          </span>
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="euiAccordion__childWrapper"
+                    id="logSource"
+                  >
+                    <div>
+                      <div
+                        class="euiAccordion__padding--l"
+                      >
+                        <div
+                          class="euiFormRow"
+                          id="random_html_id-row"
+                        >
+                          <div
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              PPL Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
+                            <div
+                              aria-describedby="random_html_id-help"
+                              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"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="512"
+                                  placeholder="Enter PPL query"
+                                  rows="6"
+                                  spellcheck="false"
+                                  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"
+                            >
+                              The default logs view in the application will be filtered by this query.
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & Entities  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <div
+                          class="euiText euiText--medium"
+                        >
+                          <span
+                            class="panel-title"
+                          >
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup__fieldset"
+                        >
+                          <div
+                            class="euiButtonGroup euiButtonGroup--s"
+                          >
+                            <div
+                              class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Latency"
+                                checked=""
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Latency"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                                id="latency"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Latency
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Error rate"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Error rate"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="error_rate"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Error rate
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Throughput"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Throughput"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="throughput"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Throughput
+                                  </span>
+                                </span>
+                              </button>
+                            </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"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch-isClearable"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
+                                <div
+                                  class="euiFormControlLayoutIcons"
+                                >
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                          >
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <h2
+                                class="euiTitle euiTitle--medium"
+                              >
+                                No matches
+                              </h2>
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                <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>
+                              </div>
+                            </span>
+                          </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace Groups  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </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"
+                  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--fill euiButton-isDisabled"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Create
+                      </span>
+                    </span>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiOverlayMask euiOverlayMask--aboveHeader"
+    >
+      <div
+        aria-hidden="true"
+        data-aria-hidden="true"
+        data-focus-guard="true"
+        style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+        tabindex="0"
+      />
+      <div
+        aria-hidden="true"
+        data-aria-hidden="true"
+        data-focus-guard="true"
+        style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+        tabindex="1"
+      />
+      <div
+        data-focus-lock-disabled="false"
+      >
+        <div
+          class="euiModal euiModal--maxWidth-default euiModal--confirmation"
+          tabindex="0"
+        >
+          <button
+            aria-label="Closes this modal window"
+            class="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+            type="button"
+          >
+            <svg
+              aria-hidden="true"
+              class="euiIcon euiIcon--medium euiButtonIcon__icon"
+              focusable="false"
+              height="16"
+              role="img"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M7.293 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.708-.708L7.293 8z"
+              />
+            </svg>
+          </button>
+          <div
+            class="euiModal__flex"
+          >
+            <div
+              class="euiModalHeader"
+            >
+              <div
+                class="euiModalHeader__title"
+                data-test-subj="confirmModalTitleText"
+              >
+                Clear log source?
+              </div>
+            </div>
+            <div
+              class="euiModalBody"
+            >
+              <div
+                class="euiModalBody__overflow"
+              >
+                <div
+                  class="euiText euiText--medium"
+                  data-test-subj="confirmModalBodyText"
+                >
+                  <p>
+                    This will clear all information in log source configuration.
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiModalFooter"
+            >
+              <button
+                class="euiButtonEmpty euiButtonEmpty--primary"
+                data-test-subj="confirmModalCancelButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButtonEmpty__content"
+                >
+                  <span
+                    class="euiButtonEmpty__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+              <button
+                class="euiButton euiButton--danger euiButton--fill"
+                data-test-subj="confirmModalConfirmButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Clear
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-hidden="true"
+        data-aria-hidden="true"
+        data-focus-guard="true"
+        style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+        tabindex="0"
+      />
+    </div>
+  </body>,
+  "container": <div
+    aria-hidden="true"
+    data-aria-hidden="true"
+  >
+    <div
+      style="max-width: 1130px;"
+    >
+      <div
+        class="euiPage"
+      >
+        <div
+          class="euiPageBody"
+        >
+          <div
+            class="euiPageHeader euiPageHeader--responsive"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+              >
+                Create application
+              </h1>
+            </div>
+          </div>
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPageContent"
+            id="appInfo"
+          >
+            <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"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFormRow"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        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 euiPageContent"
+            id="composition"
+          >
+            <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"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          class="euiFormRow__labelWrapper"
+                        >
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
+                          >
+                            PPL Base Query
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
+                          <div
+                            aria-describedby="random_html_id-help"
+                            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"
+                                data-test-subj="searchAutocompleteTextArea"
+                                enterkeyhint="search"
+                                id="autocomplete-textarea"
+                                maxlength="512"
+                                placeholder="Enter PPL query"
+                                rows="6"
+                                spellcheck="false"
+                                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"
+                          >
+                            The default logs view in the application will be filtered by this query.
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & Entities  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup__fieldset"
+                      >
+                        <div
+                          class="euiButtonGroup euiButtonGroup--s"
+                        >
+                          <div
+                            class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Latency"
+                              checked=""
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Latency"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                              id="latency"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Latency
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Error rate"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Error rate"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="error_rate"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Error rate
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Throughput"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Throughput"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="throughput"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Throughput
+                                </span>
+                              </span>
+                            </button>
+                          </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"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <input
+                                class="euiFieldSearch euiFieldSearch-isClearable"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
+                              <div
+                                class="euiFormControlLayoutIcons"
+                              >
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace Groups  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <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"
+                      >
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <div
+                            class="euiSpacer euiSpacer--m"
+                          />
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <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>
+                          </div>
+                        </span>
+                      </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"
+                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--fill euiButton-isDisabled"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
+                    >
+                      Create
+                    </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 empty 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        style="max-width: 1130px;"
+      >
+        <div
+          class="euiPage"
+        >
+          <div
+            class="euiPageBody"
+          >
+            <div
+              class="euiPageHeader euiPageHeader--responsive"
+            >
+              <div
+                class="euiPageHeaderSection"
+              >
+                <h1
+                  class="euiTitle euiTitle--large"
+                >
+                  Create application
+                </h1>
+              </div>
+            </div>
+            <div
+              class="euiPanel euiPanel--paddingLarge euiPageContent"
+              id="appInfo"
+            >
+              <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"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          id="random_html_id"
+                          name="name"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="euiFormRow"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          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 euiPageContent"
+              id="composition"
+            >
+              <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"
+                >
+                  <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"
+                        />
+                      </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"
+                        disabled=""
+                        type="button"
+                      >
+                        <span
+                          class="euiButtonContent euiButton__content"
+                        >
+                          <span
+                            class="euiButton__text"
+                          >
+                            Clear
+                          </span>
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="euiAccordion__childWrapper"
+                    id="logSource"
+                  >
+                    <div>
+                      <div
+                        class="euiAccordion__padding--l"
+                      >
+                        <div
+                          class="euiFormRow"
+                          id="random_html_id-row"
+                        >
+                          <div
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              PPL Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
+                            <div
+                              aria-describedby="random_html_id-help"
+                              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"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="512"
+                                  placeholder="Enter PPL query"
+                                  rows="6"
+                                  spellcheck="false"
+                                  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"
+                            >
+                              The default logs view in the application will be filtered by this query.
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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"
+                      />
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & Entities  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    />
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <div
+                          class="euiText euiText--medium"
+                        >
+                          <span
+                            class="panel-title"
+                          >
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup__fieldset"
+                        >
+                          <div
+                            class="euiButtonGroup euiButtonGroup--s"
+                          >
+                            <div
+                              class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Latency"
+                                checked=""
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Latency"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                                id="latency"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Latency
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Error rate"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Error rate"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="error_rate"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Error rate
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Throughput"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Throughput"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="throughput"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Throughput
+                                  </span>
+                                </span>
+                              </button>
+                            </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"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch-isClearable"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
+                                <div
+                                  class="euiFormControlLayoutIcons"
+                                >
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/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"
+                          >
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <h2
+                                class="euiTitle euiTitle--medium"
+                              >
+                                No matches
+                              </h2>
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                <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>
+                              </div>
+                            </span>
+                          </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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"
+                      />
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace Groups  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                      focusable="false"
+                                      height="16"
+                                      role="img"
+                                      viewBox="0 0 16 16"
+                                      width="16"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    />
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </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"
+                  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--fill euiButton-isDisabled"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Create
+                      </span>
+                    </span>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      style="max-width: 1130px;"
+    >
+      <div
+        class="euiPage"
+      >
+        <div
+          class="euiPageBody"
+        >
+          <div
+            class="euiPageHeader euiPageHeader--responsive"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+              >
+                Create application
+              </h1>
+            </div>
+          </div>
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPageContent"
+            id="appInfo"
+          >
+            <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"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFormRow"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        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 euiPageContent"
+            id="composition"
+          >
+            <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"
+              >
+                <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"
+                      />
+                    </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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          class="euiFormRow__labelWrapper"
+                        >
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
+                          >
+                            PPL Base Query
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
+                          <div
+                            aria-describedby="random_html_id-help"
+                            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"
+                                data-test-subj="searchAutocompleteTextArea"
+                                enterkeyhint="search"
+                                id="autocomplete-textarea"
+                                maxlength="512"
+                                placeholder="Enter PPL query"
+                                rows="6"
+                                spellcheck="false"
+                                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"
+                          >
+                            The default logs view in the application will be filtered by this query.
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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"
+                    />
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & Entities  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  />
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup__fieldset"
+                      >
+                        <div
+                          class="euiButtonGroup euiButtonGroup--s"
+                        >
+                          <div
+                            class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Latency"
+                              checked=""
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Latency"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                              id="latency"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Latency
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Error rate"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Error rate"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="error_rate"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Error rate
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Throughput"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Throughput"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="throughput"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Throughput
+                                </span>
+                              </span>
+                            </button>
+                          </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"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <input
+                                class="euiFieldSearch euiFieldSearch-isClearable"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
+                              <div
+                                class="euiFormControlLayoutIcons"
+                              >
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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"
+                    />
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace Groups  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                    focusable="false"
+                                    height="16"
+                                    role="img"
+                                    viewBox="0 0 16 16"
+                                    width="16"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  />
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <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"
+                      >
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <div
+                            class="euiSpacer euiSpacer--m"
+                          />
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <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>
+                          </div>
+                        </span>
+                      </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"
+                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--fill euiButton-isDisabled"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
+                    >
+                      Create
+                    </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 one service selected 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body
+    class=""
+  >
+    <div>
+      <div
+        style="max-width: 1130px;"
+      >
+        <div
+          class="euiPage"
+        >
+          <div
+            class="euiPageBody"
+          >
+            <div
+              class="euiPageHeader euiPageHeader--responsive"
+            >
+              <div
+                class="euiPageHeaderSection"
+              >
+                <h1
+                  class="euiTitle euiTitle--large"
+                >
+                  Create application
+                </h1>
+              </div>
+            </div>
+            <div
+              class="euiPanel euiPanel--paddingLarge euiPageContent"
+              id="appInfo"
+            >
+              <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"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          id="random_html_id"
+                          name="name"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="euiFormRow"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          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 euiPageContent"
+              id="composition"
+            >
+              <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"
+                >
+                  <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                        disabled=""
+                        type="button"
+                      >
+                        <span
+                          class="euiButtonContent euiButton__content"
+                        >
+                          <span
+                            class="euiButton__text"
+                          >
+                            Clear
+                          </span>
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="euiAccordion__childWrapper"
+                    id="logSource"
+                  >
+                    <div>
+                      <div
+                        class="euiAccordion__padding--l"
+                      >
+                        <div
+                          class="euiFormRow"
+                          id="random_html_id-row"
+                        >
+                          <div
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              PPL Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
+                            <div
+                              aria-describedby="random_html_id-help"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
+                            >
+                              <div
+                                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"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="512"
+                                  placeholder="Enter PPL query"
+                                  rows="6"
+                                  spellcheck="false"
+                                  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"
+                            >
+                              The default logs view in the application will be filtered by this query.
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion euiAccordion-isOpen"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & Entities  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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"
+                                      >
+                                        <svg
+                                          aria-hidden="true"
+                                          class="euiIcon euiIcon--small 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 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <div
+                          class="euiText euiText--medium"
+                        >
+                          <span
+                            class="panel-title"
+                          >
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup__fieldset"
+                        >
+                          <div
+                            class="euiButtonGroup euiButtonGroup--s"
+                          >
+                            <div
+                              class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Latency"
+                                checked=""
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Latency"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                                id="latency"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Latency
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Error rate"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Error rate"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="error_rate"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Error rate
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Throughput"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Throughput"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="throughput"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Throughput
+                                  </span>
+                                </span>
+                              </button>
+                            </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"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch-isClearable"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
+                                <div
+                                  class="euiFormControlLayoutIcons"
+                                >
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                          >
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <h2
+                                class="euiTitle euiTitle--medium"
+                              >
+                                No matches
+                              </h2>
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                <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>
+                              </div>
+                            </span>
+                          </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace Groups  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </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"
+                  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--fill euiButton-isDisabled"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Create
+                      </span>
+                    </span>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      style="max-width: 1130px;"
+    >
+      <div
+        class="euiPage"
+      >
+        <div
+          class="euiPageBody"
+        >
+          <div
+            class="euiPageHeader euiPageHeader--responsive"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+              >
+                Create application
+              </h1>
+            </div>
+          </div>
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPageContent"
+            id="appInfo"
+          >
+            <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"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFormRow"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        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 euiPageContent"
+            id="composition"
+          >
+            <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"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          class="euiFormRow__labelWrapper"
+                        >
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
+                          >
+                            PPL Base Query
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
+                          <div
+                            aria-describedby="random_html_id-help"
+                            class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                            id="random_html_id"
+                          >
+                            <div
+                              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"
+                                autocapitalize="off"
+                                autocomplete="off"
+                                autocorrect="off"
+                                class="euiTextArea euiTextArea--resizeVertical"
+                                data-test-subj="searchAutocompleteTextArea"
+                                enterkeyhint="search"
+                                id="autocomplete-textarea"
+                                maxlength="512"
+                                placeholder="Enter PPL query"
+                                rows="6"
+                                spellcheck="false"
+                                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"
+                          >
+                            The default logs view in the application will be filtered by this query.
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion euiAccordion-isOpen"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & Entities  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        class="euiIcon euiIcon--small 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 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup__fieldset"
+                      >
+                        <div
+                          class="euiButtonGroup euiButtonGroup--s"
+                        >
+                          <div
+                            class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Latency"
+                              checked=""
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Latency"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                              id="latency"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Latency
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Error rate"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Error rate"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="error_rate"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Error rate
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Throughput"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Throughput"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="throughput"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Throughput
+                                </span>
+                              </span>
+                            </button>
+                          </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"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <input
+                                class="euiFieldSearch euiFieldSearch-isClearable"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
+                              <div
+                                class="euiFormControlLayoutIcons"
+                              >
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace Groups  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <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"
+                      >
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <div
+                            class="euiSpacer euiSpacer--m"
+                          />
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <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>
+                          </div>
+                        </span>
+                      </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"
+                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--fill euiButton-isDisabled"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
+                    >
+                      Create
+                    </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 one trace selected 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body
+    class=""
+  >
+    <div>
+      <div
+        style="max-width: 1130px;"
+      >
+        <div
+          class="euiPage"
+        >
+          <div
+            class="euiPageBody"
+          >
+            <div
+              class="euiPageHeader euiPageHeader--responsive"
+            >
+              <div
+                class="euiPageHeaderSection"
+              >
+                <h1
+                  class="euiTitle euiTitle--large"
+                >
+                  Create application
+                </h1>
+              </div>
+            </div>
+            <div
+              class="euiPanel euiPanel--paddingLarge euiPageContent"
+              id="appInfo"
+            >
+              <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"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          id="random_html_id"
+                          name="name"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="euiFormRow"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          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 euiPageContent"
+              id="composition"
+            >
+              <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"
+                >
+                  <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                        disabled=""
+                        type="button"
+                      >
+                        <span
+                          class="euiButtonContent euiButton__content"
+                        >
+                          <span
+                            class="euiButton__text"
+                          >
+                            Clear
+                          </span>
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="euiAccordion__childWrapper"
+                    id="logSource"
+                  >
+                    <div>
+                      <div
+                        class="euiAccordion__padding--l"
+                      >
+                        <div
+                          class="euiFormRow"
+                          id="random_html_id-row"
+                        >
+                          <div
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              PPL Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
+                            <div
+                              aria-describedby="random_html_id-help"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
+                            >
+                              <div
+                                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"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="512"
+                                  placeholder="Enter PPL query"
+                                  rows="6"
+                                  spellcheck="false"
+                                  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"
+                            >
+                              The default logs view in the application will be filtered by this query.
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & Entities  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <div
+                          class="euiText euiText--medium"
+                        >
+                          <span
+                            class="panel-title"
+                          >
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup__fieldset"
+                        >
+                          <div
+                            class="euiButtonGroup euiButtonGroup--s"
+                          >
+                            <div
+                              class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Latency"
+                                checked=""
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Latency"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                                id="latency"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Latency
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Error rate"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Error rate"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="error_rate"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Error rate
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Throughput"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Throughput"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="throughput"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Throughput
+                                  </span>
+                                </span>
+                              </button>
+                            </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"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch-isClearable"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
+                                <div
+                                  class="euiFormControlLayoutIcons"
+                                >
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                          >
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <h2
+                                class="euiTitle euiTitle--medium"
+                              >
+                                No matches
+                              </h2>
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                <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>
+                              </div>
+                            </span>
+                          </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace Groups  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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 euiButton-isDisabled"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  data-test-subj="comboBoxInput"
+                                  tabindex="-1"
+                                >
+                                  <span
+                                    class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                    title="test.auto"
+                                  >
+                                    <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"
+                                      >
+                                        <svg
+                                          aria-hidden="true"
+                                          class="euiIcon euiIcon--small 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 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </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"
+                  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--fill euiButton-isDisabled"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Create
+                      </span>
+                    </span>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      style="max-width: 1130px;"
+    >
+      <div
+        class="euiPage"
+      >
+        <div
+          class="euiPageBody"
+        >
+          <div
+            class="euiPageHeader euiPageHeader--responsive"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+              >
+                Create application
+              </h1>
+            </div>
+          </div>
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPageContent"
+            id="appInfo"
+          >
+            <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"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFormRow"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        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 euiPageContent"
+            id="composition"
+          >
+            <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"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          class="euiFormRow__labelWrapper"
+                        >
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
+                          >
+                            PPL Base Query
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
+                          <div
+                            aria-describedby="random_html_id-help"
+                            class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                            id="random_html_id"
+                          >
+                            <div
+                              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"
+                                autocapitalize="off"
+                                autocomplete="off"
+                                autocorrect="off"
+                                class="euiTextArea euiTextArea--resizeVertical"
+                                data-test-subj="searchAutocompleteTextArea"
+                                enterkeyhint="search"
+                                id="autocomplete-textarea"
+                                maxlength="512"
+                                placeholder="Enter PPL query"
+                                rows="6"
+                                spellcheck="false"
+                                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"
+                          >
+                            The default logs view in the application will be filtered by this query.
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & Entities  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup__fieldset"
+                      >
+                        <div
+                          class="euiButtonGroup euiButtonGroup--s"
+                        >
+                          <div
+                            class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Latency"
+                              checked=""
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Latency"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                              id="latency"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Latency
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Error rate"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Error rate"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="error_rate"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Error rate
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Throughput"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Throughput"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="throughput"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Throughput
+                                </span>
+                              </span>
+                            </button>
+                          </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"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <input
+                                class="euiFieldSearch euiFieldSearch-isClearable"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
+                              <div
+                                class="euiFormControlLayoutIcons"
+                              >
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace Groups  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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 euiButton-isDisabled"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                data-test-subj="comboBoxInput"
+                                tabindex="-1"
+                              >
+                                <span
+                                  class="euiBadge euiBadge--hollow euiBadge--iconRight euiComboBoxPill"
+                                  title="test.auto"
+                                >
+                                  <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"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        class="euiIcon euiIcon--small 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 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <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"
+                      >
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <div
+                            class="euiSpacer euiSpacer--m"
+                          />
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <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>
+                          </div>
+                        </span>
+                      </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"
+                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--fill euiButton-isDisabled"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
+                    >
+                      Create
+                    </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"
+        >
+          <div
+            class="euiPageBody"
+          >
+            <div
+              class="euiPageHeader euiPageHeader--responsive"
+            >
+              <div
+                class="euiPageHeaderSection"
+              >
+                <h1
+                  class="euiTitle euiTitle--large"
+                >
+                  Create application
+                </h1>
+              </div>
+            </div>
+            <div
+              class="euiPanel euiPanel--paddingLarge euiPageContent"
+              id="appInfo"
+            >
+              <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"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          id="random_html_id"
+                          name="name"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="euiFormRow"
+                  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"
+                    >
+                      <div
+                        class="euiFormControlLayout__childrenWrapper"
+                      >
+                        <input
+                          class="euiFieldText"
+                          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 euiPageContent"
+              id="composition"
+            >
+              <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"
+                >
+                  <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                        type="button"
+                      >
+                        <span
+                          class="euiButtonContent euiButton__content"
+                        >
+                          <span
+                            class="euiButton__text"
+                          >
+                            Clear
+                          </span>
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="euiAccordion__childWrapper"
+                    id="logSource"
+                  >
+                    <div>
+                      <div
+                        class="euiAccordion__padding--l"
+                      >
+                        <div
+                          class="euiFormRow"
+                          id="random_html_id-row"
+                        >
+                          <div
+                            class="euiFormRow__labelWrapper"
+                          >
+                            <label
+                              class="euiFormLabel euiFormRow__label"
+                              for="random_html_id"
+                            >
+                              PPL Base Query
+                            </label>
+                          </div>
+                          <div
+                            class="euiFormRow__fieldWrapper"
+                          >
+                            <div
+                              aria-describedby="random_html_id-help"
+                              class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                              id="random_html_id"
+                            >
+                              <div
+                                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"
+                                  autocapitalize="off"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="euiTextArea euiTextArea--resizeVertical"
+                                  data-test-subj="searchAutocompleteTextArea"
+                                  enterkeyhint="search"
+                                  id="autocomplete-textarea"
+                                  maxlength="512"
+                                  placeholder="Enter PPL query"
+                                  rows="6"
+                                  spellcheck="false"
+                                  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"
+                            >
+                              The default logs view in the application will be filtered by this query.
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Services & Entities  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="servicesEntities"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            data-test-subj="servicesEntitiesComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <div
+                          class="euiText euiText--medium"
+                        >
+                          <span
+                            class="panel-title"
+                          >
+                            Service map
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--m"
+                        />
+                        <fieldset
+                          class="euiButtonGroup__fieldset"
+                        >
+                          <div
+                            class="euiButtonGroup euiButtonGroup--s"
+                          >
+                            <div
+                              class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Latency"
+                                checked=""
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Latency"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                                id="latency"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Latency
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Error rate"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Error rate"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="error_rate"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Error rate
+                                  </span>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                            >
+                              <input
+                                aria-label="Throughput"
+                                class="euiToggle__input euiButtonToggle__input"
+                                title="Throughput"
+                                type="radio"
+                                value=""
+                              />
+                              <button
+                                class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                id="throughput"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonContent euiButton__content"
+                                >
+                                  <span
+                                    class="euiButton__text"
+                                  >
+                                    Throughput
+                                  </span>
+                                </span>
+                              </button>
+                            </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"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <input
+                                  class="euiFieldSearch euiFieldSearch-isClearable"
+                                  placeholder="Service name"
+                                  type="search"
+                                  value=""
+                                />
+                                <div
+                                  class="euiFormControlLayoutIcons"
+                                >
+                                  <span
+                                    class="euiFormControlLayoutCustomIcon"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                          >
+                            <span
+                              class="euiTextColor euiTextColor--subdued"
+                            >
+                              <h2
+                                class="euiTitle euiTitle--medium"
+                              >
+                                No matches
+                              </h2>
+                              <div
+                                class="euiSpacer euiSpacer--m"
+                              />
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                <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>
+                              </div>
+                            </span>
+                          </div>
+                          <div
+                            class="euiSpacer euiSpacer--s"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <hr
+                class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+              />
+              <div
+                class="euiAccordion"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                          fill-rule="nonzero"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiIEFlexWrapFix"
+                    >
+                      <div
+                        class="euiText euiText--small"
+                      >
+                        <h3>
+                          Trace Groups  
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            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"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear all
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="traceGroups"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        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"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-label="Select trace groups"
+                            class="euiComboBox"
+                            data-test-subj="traceGroupsComboBox"
+                            role="combobox"
+                          >
+                            <div
+                              class="euiFormControlLayout"
+                            >
+                              <div
+                                class="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  class="euiComboBox__inputWrap"
+                                  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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                        fill-rule="non-zero"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="euiFormHelpText euiFormRow__text"
+                            id="random_html_id-help"
+                          >
+                            Select one or multiple trace groups, or type a custom one
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--l"
+                      />
+                      <div
+                        class="euiPanel euiPanel--paddingMedium"
+                      >
+                        <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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </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"
+                  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--fill euiButton-isDisabled"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Create
+                      </span>
+                    </span>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiOverlayMask euiOverlayMask--aboveHeader"
+    >
+      <div
+        aria-hidden="true"
+        data-aria-hidden="true"
+        data-focus-guard="true"
+        style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+        tabindex="0"
+      />
+      <div
+        aria-hidden="true"
+        data-aria-hidden="true"
+        data-focus-guard="true"
+        style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+        tabindex="1"
+      />
+      <div
+        data-focus-lock-disabled="false"
+      >
+        <div
+          class="euiModal euiModal--maxWidth-default euiModal--confirmation"
+          tabindex="0"
+        >
+          <button
+            aria-label="Closes this modal window"
+            class="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+            type="button"
+          >
+            <svg
+              aria-hidden="true"
+              class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
+              focusable="false"
+              height="16"
+              role="img"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            />
+          </button>
+          <div
+            class="euiModal__flex"
+          >
+            <div
+              class="euiModalHeader"
+            >
+              <div
+                class="euiModalHeader__title"
+                data-test-subj="confirmModalTitleText"
+              >
+                Clear log source?
+              </div>
+            </div>
+            <div
+              class="euiModalBody"
+            >
+              <div
+                class="euiModalBody__overflow"
+              >
+                <div
+                  class="euiText euiText--medium"
+                  data-test-subj="confirmModalBodyText"
+                >
+                  <p>
+                    This will clear all information in log source configuration.
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiModalFooter"
+            >
+              <button
+                class="euiButtonEmpty euiButtonEmpty--primary"
+                data-test-subj="confirmModalCancelButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButtonEmpty__content"
+                >
+                  <span
+                    class="euiButtonEmpty__text"
+                  >
+                    Cancel
+                  </span>
+                </span>
+              </button>
+              <button
+                class="euiButton euiButton--danger euiButton--fill"
+                data-test-subj="confirmModalConfirmButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonContent euiButton__content"
+                >
+                  <span
+                    class="euiButton__text"
+                  >
+                    Clear
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-hidden="true"
+        data-aria-hidden="true"
+        data-focus-guard="true"
+        style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+        tabindex="0"
+      />
+    </div>
+  </body>,
+  "container": <div
+    aria-hidden="true"
+    data-aria-hidden="true"
+  >
+    <div
+      style="max-width: 1130px;"
+    >
+      <div
+        class="euiPage"
+      >
+        <div
+          class="euiPageBody"
+        >
+          <div
+            class="euiPageHeader euiPageHeader--responsive"
+          >
+            <div
+              class="euiPageHeaderSection"
+            >
+              <h1
+                class="euiTitle euiTitle--large"
+              >
+                Create application
+              </h1>
+            </div>
+          </div>
+          <div
+            class="euiPanel euiPanel--paddingLarge euiPageContent"
+            id="appInfo"
+          >
+            <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"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        id="random_html_id"
+                        name="name"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFormRow"
+                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"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        class="euiFieldText"
+                        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 euiPageContent"
+            id="composition"
+          >
+            <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"
+              >
+                <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.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"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="euiAccordion__childWrapper"
+                  id="logSource"
+                >
+                  <div>
+                    <div
+                      class="euiAccordion__padding--l"
+                    >
+                      <div
+                        class="euiFormRow"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          class="euiFormRow__labelWrapper"
+                        >
+                          <label
+                            class="euiFormLabel euiFormRow__label"
+                            for="random_html_id"
+                          >
+                            PPL Base Query
+                          </label>
+                        </div>
+                        <div
+                          class="euiFormRow__fieldWrapper"
+                        >
+                          <div
+                            aria-describedby="random_html_id-help"
+                            class="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                            id="random_html_id"
+                          >
+                            <div
+                              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"
+                                autocapitalize="off"
+                                autocomplete="off"
+                                autocorrect="off"
+                                class="euiTextArea euiTextArea--resizeVertical"
+                                data-test-subj="searchAutocompleteTextArea"
+                                enterkeyhint="search"
+                                id="autocomplete-textarea"
+                                maxlength="512"
+                                placeholder="Enter PPL query"
+                                rows="6"
+                                spellcheck="false"
+                                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"
+                          >
+                            The default logs view in the application will be filtered by this query.
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Services & Entities  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="servicesEntities"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          data-test-subj="servicesEntitiesComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        <span
+                          class="panel-title"
+                        >
+                          Service map
+                        </span>
+                      </div>
+                      <div
+                        class="euiSpacer euiSpacer--m"
+                      />
+                      <fieldset
+                        class="euiButtonGroup__fieldset"
+                      >
+                        <div
+                          class="euiButtonGroup euiButtonGroup--s"
+                        >
+                          <div
+                            class="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Latency"
+                              checked=""
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Latency"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                              id="latency"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Latency
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Error rate"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Error rate"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="error_rate"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Error rate
+                                </span>
+                              </span>
+                            </button>
+                          </div>
+                          <div
+                            class="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                          >
+                            <input
+                              aria-label="Throughput"
+                              class="euiToggle__input euiButtonToggle__input"
+                              title="Throughput"
+                              type="radio"
+                              value=""
+                            />
+                            <button
+                              class="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                              id="throughput"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonContent euiButton__content"
+                              >
+                                <span
+                                  class="euiButton__text"
+                                >
+                                  Throughput
+                                </span>
+                              </span>
+                            </button>
+                          </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"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <input
+                                class="euiFieldSearch euiFieldSearch-isClearable"
+                                placeholder="Service name"
+                                type="search"
+                                value=""
+                              />
+                              <div
+                                class="euiFormControlLayoutIcons"
+                              >
+                                <span
+                                  class="euiFormControlLayoutCustomIcon"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    class="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.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"
+                        >
+                          <span
+                            class="euiTextColor euiTextColor--subdued"
+                          >
+                            <h2
+                              class="euiTitle euiTitle--medium"
+                            >
+                              No matches
+                            </h2>
+                            <div
+                              class="euiSpacer euiSpacer--m"
+                            />
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              <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>
+                            </div>
+                          </span>
+                        </div>
+                        <div
+                          class="euiSpacer euiSpacer--s"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <hr
+              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
+            />
+            <div
+              class="euiAccordion"
+            >
+              <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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                        fill-rule="nonzero"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="euiIEFlexWrapFix"
+                  >
+                    <div
+                      class="euiText euiText--small"
+                    >
+                      <h3>
+                        Trace Groups  
+                        <span
+                          class="euiBadge euiBadge--iconLeft"
+                          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"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        class="euiButton__text"
+                      >
+                        Clear all
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiAccordion__childWrapper"
+                id="traceGroups"
+              >
+                <div>
+                  <div
+                    class="euiAccordion__padding--l"
+                  >
+                    <div
+                      class="euiFormRow"
+                      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"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-label="Select trace groups"
+                          class="euiComboBox"
+                          data-test-subj="traceGroupsComboBox"
+                          role="combobox"
+                        >
+                          <div
+                            class="euiFormControlLayout"
+                          >
+                            <div
+                              class="euiFormControlLayout__childrenWrapper"
+                            >
+                              <div
+                                class="euiComboBox__inputWrap"
+                                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--medium 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.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                      fill-rule="non-zero"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help"
+                        >
+                          Select one or multiple trace groups, or type a custom one
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="euiSpacer euiSpacer--l"
+                    />
+                    <div
+                      class="euiPanel euiPanel--paddingMedium"
+                    >
+                      <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"
+                      >
+                        <span
+                          class="euiTextColor euiTextColor--subdued"
+                        >
+                          <h2
+                            class="euiTitle euiTitle--medium"
+                          >
+                            No matches
+                          </h2>
+                          <div
+                            class="euiSpacer euiSpacer--m"
+                          />
+                          <div
+                            class="euiText euiText--medium"
+                          >
+                            <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>
+                          </div>
+                        </span>
+                      </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"
+                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--fill euiButton-isDisabled"
+                  disabled=""
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
+                    >
+                      Create
+                    </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],
+}
+`;
diff --git a/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap
new file mode 100644
index 000000000..ce6846d5f
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap
@@ -0,0 +1,786 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Log Config component renders empty log config 1`] = `
+<LogConfig
+  chrome={
+    Object {
+      "getIsNavDrawerLocked$": [MockFunction],
+      "setBreadcrumbs": [MockFunction],
+    }
+  }
+  dslService={
+    Object {
+      "fetch": [MockFunction],
+      "fetchFields": [MockFunction],
+      "fetchIndices": [MockFunction],
+      "http": [MockFunction],
+    }
+  }
+  endTime="now"
+  filters={Array []}
+  http={[MockFunction]}
+  indicesExist={true}
+  parentBreadcrumb={
+    Object {
+      "href": "test#/",
+      "text": "test",
+    }
+  }
+  query=""
+  setEndTime={[MockFunction]}
+  setFilters={[MockFunction]}
+  setIsFlyoutVisible={[MockFunction]}
+  setQuery={[MockFunction]}
+  setStartTime={[MockFunction]}
+  startTime="now-5m"
+>
+  <div>
+    <EuiAccordion
+      arrowDisplay="left"
+      buttonContent={
+        <React.Fragment>
+          <EuiText
+            size="s"
+          >
+            <h3>
+              Log Source
+            </h3>
+          </EuiText>
+          <EuiSpacer
+            size="s"
+          />
+          <EuiText
+            color="subdued"
+            size="s"
+          >
+            Configure your application base query
+          </EuiText>
+        </React.Fragment>
+      }
+      extraAction={
+        <EuiButton
+          disabled={true}
+          onClick={[Function]}
+          size="s"
+        >
+          Clear
+        </EuiButton>
+      }
+      id="logSource"
+      initialIsOpen={false}
+      isLoading={false}
+      isLoadingMessage={false}
+      onToggle={[Function]}
+      paddingSize="l"
+    >
+      <div
+        className="euiAccordion"
+        onToggle={[Function]}
+      >
+        <div
+          className="euiAccordion__triggerWrapper"
+        >
+          <button
+            aria-controls="logSource"
+            aria-expanded={false}
+            className="euiAccordion__button"
+            id="random_html_id"
+            onClick={[Function]}
+            type="button"
+          >
+            <span
+              className="euiAccordion__iconWrapper"
+            >
+              <EuiIcon
+                className="euiAccordion__icon"
+                size="m"
+                type="arrowRight"
+              >
+                <EuiIconEmpty
+                  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"
+                  />
+                </EuiIconEmpty>
+              </EuiIcon>
+            </span>
+            <span
+              className="euiIEFlexWrapFix"
+            >
+              <EuiText
+                size="s"
+              >
+                <div
+                  className="euiText euiText--small"
+                >
+                  <h3>
+                    Log Source
+                  </h3>
+                </div>
+              </EuiText>
+              <EuiSpacer
+                size="s"
+              >
+                <div
+                  className="euiSpacer euiSpacer--s"
+                />
+              </EuiSpacer>
+              <EuiText
+                color="subdued"
+                size="s"
+              >
+                <div
+                  className="euiText euiText--small"
+                >
+                  <EuiTextColor
+                    color="subdued"
+                    component="div"
+                  >
+                    <div
+                      className="euiTextColor euiTextColor--subdued"
+                    >
+                      Configure your application base query
+                    </div>
+                  </EuiTextColor>
+                </div>
+              </EuiText>
+            </span>
+          </button>
+          <div
+            className="euiAccordion__optionalAction"
+          >
+            <EuiButton
+              disabled={true}
+              onClick={[Function]}
+              size="s"
+            >
+              <EuiButtonDisplay
+                disabled={true}
+                element="button"
+                isDisabled={true}
+                onClick={[Function]}
+                size="s"
+                type="button"
+              >
+                <button
+                  className="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  disabled={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <EuiButtonContent
+                    className="euiButton__content"
+                    iconSide="left"
+                    textProps={
+                      Object {
+                        "className": "euiButton__text",
+                      }
+                    }
+                  >
+                    <span
+                      className="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        className="euiButton__text"
+                      >
+                        Clear
+                      </span>
+                    </span>
+                  </EuiButtonContent>
+                </button>
+              </EuiButtonDisplay>
+            </EuiButton>
+          </div>
+        </div>
+        <div
+          className="euiAccordion__childWrapper"
+          id="logSource"
+        >
+          <EuiResizeObserver
+            onResize={[Function]}
+          >
+            <div>
+              <div
+                className="euiAccordion__padding--l"
+              >
+                <EuiFormRow
+                  describedByIds={Array []}
+                  display="row"
+                  fullWidth={false}
+                  hasChildLabel={true}
+                  hasEmptyLabelSpace={false}
+                  helpText="The default logs view in the application will be filtered by this query."
+                  label="PPL Base Query"
+                  labelType="label"
+                >
+                  <div
+                    className="euiFormRow"
+                    id="random_html_id-row"
+                  >
+                    <div
+                      className="euiFormRow__labelWrapper"
+                    >
+                      <EuiFormLabel
+                        className="euiFormRow__label"
+                        htmlFor="random_html_id"
+                        isFocused={false}
+                        type="label"
+                      >
+                        <label
+                          className="euiFormLabel euiFormRow__label"
+                          htmlFor="random_html_id"
+                        >
+                          PPL Base Query
+                        </label>
+                      </EuiFormLabel>
+                    </div>
+                    <div
+                      className="euiFormRow__fieldWrapper"
+                    >
+                      <EuiFlexItem
+                        aria-describedby="random_html_id-help"
+                        className="query-area"
+                        grow={false}
+                        id="random_html_id"
+                        key="query-bar"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                      >
+                        <div
+                          aria-describedby="random_html_id-help"
+                          className="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                          id="random_html_id"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
+                        >
+                          <Autocomplete
+                            dslService={
+                              Object {
+                                "fetch": [MockFunction],
+                                "fetchFields": [MockFunction],
+                                "fetchIndices": [MockFunction],
+                                "http": [MockFunction],
+                              }
+                            }
+                            handleQueryChange={[Function]}
+                            handleQuerySearch={[Function]}
+                            key="autocomplete-bar"
+                            query=""
+                            tempQuery=""
+                          >
+                            <div
+                              aria-expanded={false}
+                              aria-haspopup="listbox"
+                              aria-labelledby="autocomplete-0-label"
+                              className="aa-Autocomplete"
+                              id="autocomplete-root"
+                              role="combobox"
+                            >
+                              <EuiTextArea
+                                aria-autocomplete="both"
+                                aria-labelledby="autocomplete-0-label"
+                                autoCapitalize="off"
+                                autoComplete="off"
+                                autoCorrect="off"
+                                autoFocus={false}
+                                data-test-subj="searchAutocompleteTextArea"
+                                enterKeyHint="search"
+                                id="autocomplete-textarea"
+                                maxLength={512}
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onKeyDown={[Function]}
+                                placeholder="Enter PPL query"
+                                spellCheck="false"
+                                type="search"
+                                value=""
+                              >
+                                <EuiValidatableControl>
+                                  <textarea
+                                    aria-autocomplete="both"
+                                    aria-labelledby="autocomplete-0-label"
+                                    autoCapitalize="off"
+                                    autoComplete="off"
+                                    autoCorrect="off"
+                                    autoFocus={false}
+                                    className="euiTextArea euiTextArea--resizeVertical"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterKeyHint="search"
+                                    id="autocomplete-textarea"
+                                    maxLength={512}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onClick={[Function]}
+                                    onFocus={[Function]}
+                                    onKeyDown={[Function]}
+                                    placeholder="Enter PPL query"
+                                    rows={6}
+                                    spellCheck="false"
+                                    type="search"
+                                    value=""
+                                  />
+                                </EuiValidatableControl>
+                              </EuiTextArea>
+                            </div>
+                          </Autocomplete>
+                          <EuiBadge
+                            className="ppl-link ppl-link-light"
+                            color="hollow"
+                            onClick={[Function]}
+                            onClickAriaLabel="pplLinkShowFlyout"
+                          >
+                            <EuiInnerText>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                className="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                disabled={false}
+                                onClick={[Function]}
+                                title="PPL"
+                              >
+                                <span
+                                  className="euiBadge__content"
+                                >
+                                  <span
+                                    className="euiBadge__text"
+                                  >
+                                    PPL
+                                  </span>
+                                </span>
+                              </button>
+                            </EuiInnerText>
+                          </EuiBadge>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiFormHelpText
+                        className="euiFormRow__text"
+                        id="random_html_id-help"
+                      >
+                        <div
+                          className="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help"
+                        >
+                          The default logs view in the application will be filtered by this query.
+                        </div>
+                      </EuiFormHelpText>
+                    </div>
+                  </div>
+                </EuiFormRow>
+              </div>
+            </div>
+          </EuiResizeObserver>
+        </div>
+      </div>
+    </EuiAccordion>
+  </div>
+</LogConfig>
+`;
+
+exports[`Log Config component renders with query 1`] = `
+<LogConfig
+  chrome={
+    Object {
+      "getIsNavDrawerLocked$": [MockFunction],
+      "setBreadcrumbs": [MockFunction],
+    }
+  }
+  dslService={
+    Object {
+      "fetch": [MockFunction],
+      "fetchFields": [MockFunction],
+      "fetchIndices": [MockFunction],
+      "http": [MockFunction],
+    }
+  }
+  endTime="now"
+  filters={Array []}
+  http={[MockFunction]}
+  indicesExist={true}
+  parentBreadcrumb={
+    Object {
+      "href": "test#/",
+      "text": "test",
+    }
+  }
+  query="source = openserach_dashboard_sample_logs"
+  setEndTime={[MockFunction]}
+  setFilters={[MockFunction]}
+  setIsFlyoutVisible={[MockFunction]}
+  setQuery={[MockFunction]}
+  setStartTime={[MockFunction]}
+  startTime="now-5m"
+>
+  <div>
+    <EuiAccordion
+      arrowDisplay="left"
+      buttonContent={
+        <React.Fragment>
+          <EuiText
+            size="s"
+          >
+            <h3>
+              Log Source
+            </h3>
+          </EuiText>
+          <EuiSpacer
+            size="s"
+          />
+          <EuiText
+            color="subdued"
+            size="s"
+          >
+            Configure your application base query
+          </EuiText>
+        </React.Fragment>
+      }
+      extraAction={
+        <EuiButton
+          disabled={true}
+          onClick={[Function]}
+          size="s"
+        >
+          Clear
+        </EuiButton>
+      }
+      id="logSource"
+      initialIsOpen={false}
+      isLoading={false}
+      isLoadingMessage={false}
+      onToggle={[Function]}
+      paddingSize="l"
+    >
+      <div
+        className="euiAccordion"
+        onToggle={[Function]}
+      >
+        <div
+          className="euiAccordion__triggerWrapper"
+        >
+          <button
+            aria-controls="logSource"
+            aria-expanded={false}
+            className="euiAccordion__button"
+            id="random_html_id"
+            onClick={[Function]}
+            type="button"
+          >
+            <span
+              className="euiAccordion__iconWrapper"
+            >
+              <EuiIcon
+                className="euiAccordion__icon"
+                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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                      fillRule="nonzero"
+                    />
+                  </svg>
+                </EuiIconArrowRight>
+              </EuiIcon>
+            </span>
+            <span
+              className="euiIEFlexWrapFix"
+            >
+              <EuiText
+                size="s"
+              >
+                <div
+                  className="euiText euiText--small"
+                >
+                  <h3>
+                    Log Source
+                  </h3>
+                </div>
+              </EuiText>
+              <EuiSpacer
+                size="s"
+              >
+                <div
+                  className="euiSpacer euiSpacer--s"
+                />
+              </EuiSpacer>
+              <EuiText
+                color="subdued"
+                size="s"
+              >
+                <div
+                  className="euiText euiText--small"
+                >
+                  <EuiTextColor
+                    color="subdued"
+                    component="div"
+                  >
+                    <div
+                      className="euiTextColor euiTextColor--subdued"
+                    >
+                      Configure your application base query
+                    </div>
+                  </EuiTextColor>
+                </div>
+              </EuiText>
+            </span>
+          </button>
+          <div
+            className="euiAccordion__optionalAction"
+          >
+            <EuiButton
+              disabled={true}
+              onClick={[Function]}
+              size="s"
+            >
+              <EuiButtonDisplay
+                disabled={true}
+                element="button"
+                isDisabled={true}
+                onClick={[Function]}
+                size="s"
+                type="button"
+              >
+                <button
+                  className="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                  disabled={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <EuiButtonContent
+                    className="euiButton__content"
+                    iconSide="left"
+                    textProps={
+                      Object {
+                        "className": "euiButton__text",
+                      }
+                    }
+                  >
+                    <span
+                      className="euiButtonContent euiButton__content"
+                    >
+                      <span
+                        className="euiButton__text"
+                      >
+                        Clear
+                      </span>
+                    </span>
+                  </EuiButtonContent>
+                </button>
+              </EuiButtonDisplay>
+            </EuiButton>
+          </div>
+        </div>
+        <div
+          className="euiAccordion__childWrapper"
+          id="logSource"
+        >
+          <EuiResizeObserver
+            onResize={[Function]}
+          >
+            <div>
+              <div
+                className="euiAccordion__padding--l"
+              >
+                <EuiFormRow
+                  describedByIds={Array []}
+                  display="row"
+                  fullWidth={false}
+                  hasChildLabel={true}
+                  hasEmptyLabelSpace={false}
+                  helpText="The default logs view in the application will be filtered by this query."
+                  label="PPL Base Query"
+                  labelType="label"
+                >
+                  <div
+                    className="euiFormRow"
+                    id="random_html_id-row"
+                  >
+                    <div
+                      className="euiFormRow__labelWrapper"
+                    >
+                      <EuiFormLabel
+                        className="euiFormRow__label"
+                        htmlFor="random_html_id"
+                        isFocused={false}
+                        type="label"
+                      >
+                        <label
+                          className="euiFormLabel euiFormRow__label"
+                          htmlFor="random_html_id"
+                        >
+                          PPL Base Query
+                        </label>
+                      </EuiFormLabel>
+                    </div>
+                    <div
+                      className="euiFormRow__fieldWrapper"
+                    >
+                      <EuiFlexItem
+                        aria-describedby="random_html_id-help"
+                        className="query-area"
+                        grow={false}
+                        id="random_html_id"
+                        key="query-bar"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                      >
+                        <div
+                          aria-describedby="random_html_id-help"
+                          className="euiFlexItem euiFlexItem--flexGrowZero query-area"
+                          id="random_html_id"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
+                        >
+                          <Autocomplete
+                            dslService={
+                              Object {
+                                "fetch": [MockFunction],
+                                "fetchFields": [MockFunction],
+                                "fetchIndices": [MockFunction],
+                                "http": [MockFunction],
+                              }
+                            }
+                            handleQueryChange={[Function]}
+                            handleQuerySearch={[Function]}
+                            key="autocomplete-bar"
+                            query="source = openserach_dashboard_sample_logs"
+                            tempQuery=""
+                          >
+                            <div
+                              aria-expanded={false}
+                              aria-haspopup="listbox"
+                              aria-labelledby="autocomplete-1-label"
+                              className="aa-Autocomplete"
+                              id="autocomplete-root"
+                              role="combobox"
+                            >
+                              <EuiTextArea
+                                aria-autocomplete="both"
+                                aria-labelledby="autocomplete-1-label"
+                                autoCapitalize="off"
+                                autoComplete="off"
+                                autoCorrect="off"
+                                autoFocus={false}
+                                data-test-subj="searchAutocompleteTextArea"
+                                enterKeyHint="search"
+                                id="autocomplete-textarea"
+                                maxLength={512}
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onKeyDown={[Function]}
+                                placeholder="Enter PPL query"
+                                spellCheck="false"
+                                type="search"
+                                value="source = openserach_dashboard_sample_logs"
+                              >
+                                <EuiValidatableControl>
+                                  <textarea
+                                    aria-autocomplete="both"
+                                    aria-labelledby="autocomplete-1-label"
+                                    autoCapitalize="off"
+                                    autoComplete="off"
+                                    autoCorrect="off"
+                                    autoFocus={false}
+                                    className="euiTextArea euiTextArea--resizeVertical"
+                                    data-test-subj="searchAutocompleteTextArea"
+                                    enterKeyHint="search"
+                                    id="autocomplete-textarea"
+                                    maxLength={512}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onClick={[Function]}
+                                    onFocus={[Function]}
+                                    onKeyDown={[Function]}
+                                    placeholder="Enter PPL query"
+                                    rows={6}
+                                    spellCheck="false"
+                                    type="search"
+                                    value="source = openserach_dashboard_sample_logs"
+                                  />
+                                </EuiValidatableControl>
+                              </EuiTextArea>
+                            </div>
+                          </Autocomplete>
+                          <EuiBadge
+                            className="ppl-link ppl-link-light"
+                            color="hollow"
+                            onClick={[Function]}
+                            onClickAriaLabel="pplLinkShowFlyout"
+                          >
+                            <EuiInnerText>
+                              <button
+                                aria-label="pplLinkShowFlyout"
+                                className="euiBadge euiBadge-isClickable euiBadge--hollow euiBadge--iconLeft ppl-link ppl-link-light"
+                                disabled={false}
+                                onClick={[Function]}
+                                title="PPL"
+                              >
+                                <span
+                                  className="euiBadge__content"
+                                >
+                                  <span
+                                    className="euiBadge__text"
+                                  >
+                                    PPL
+                                  </span>
+                                </span>
+                              </button>
+                            </EuiInnerText>
+                          </EuiBadge>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiFormHelpText
+                        className="euiFormRow__text"
+                        id="random_html_id-help"
+                      >
+                        <div
+                          className="euiFormHelpText euiFormRow__text"
+                          id="random_html_id-help"
+                        >
+                          The default logs view in the application will be filtered by this query.
+                        </div>
+                      </EuiFormHelpText>
+                    </div>
+                  </div>
+                </EuiFormRow>
+              </div>
+            </div>
+          </EuiResizeObserver>
+        </div>
+      </div>
+    </EuiAccordion>
+  </div>
+</LogConfig>
+`;
diff --git a/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/service_config.test.tsx.snap b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/service_config.test.tsx.snap
new file mode 100644
index 000000000..1c16485ef
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/service_config.test.tsx.snap
@@ -0,0 +1,2105 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Service Config component renders empty service config 1`] = `
+<ServiceConfig
+  chrome={
+    Object {
+      "getIsNavDrawerLocked$": [MockFunction],
+      "setBreadcrumbs": [MockFunction],
+    }
+  }
+  dslService={
+    Object {
+      "fetch": [MockFunction],
+      "fetchFields": [MockFunction],
+      "fetchIndices": [MockFunction],
+      "http": [MockFunction],
+    }
+  }
+  endTime="now"
+  filters={Array []}
+  http={[MockFunction]}
+  indicesExist={true}
+  parentBreadcrumb={
+    Object {
+      "href": "test#/",
+      "text": "test",
+    }
+  }
+  query=""
+  selectedServices={Array []}
+  setEndTime={[MockFunction]}
+  setFilters={[MockFunction]}
+  setQuery={[MockFunction]}
+  setSelectedServices={
+    [MockFunction] {
+      "calls": Array [
+        Array [
+          Array [],
+        ],
+      ],
+      "results": Array [
+        Object {
+          "type": "return",
+          "value": undefined,
+        },
+      ],
+    }
+  }
+  setStartTime={[MockFunction]}
+  startTime="now-5m"
+>
+  <EuiAccordion
+    arrowDisplay="left"
+    buttonContent={
+      <React.Fragment>
+        <EuiText
+          size="s"
+        >
+          <h3>
+            Services & Entities  
+            <EuiBadge>
+              0
+            </EuiBadge>
+          </h3>
+        </EuiText>
+        <EuiSpacer
+          size="s"
+        />
+        <EuiText
+          color="subdued"
+          size="s"
+        >
+          Select services & entities to include in this application
+        </EuiText>
+      </React.Fragment>
+    }
+    extraAction={
+      <EuiButton
+        disabled={true}
+        onClick={[Function]}
+        size="s"
+      >
+        Clear all
+      </EuiButton>
+    }
+    id="servicesEntities"
+    initialIsOpen={false}
+    isLoading={false}
+    isLoadingMessage={false}
+    onToggle={[Function]}
+    paddingSize="l"
+  >
+    <div
+      className="euiAccordion"
+      onToggle={[Function]}
+    >
+      <div
+        className="euiAccordion__triggerWrapper"
+      >
+        <button
+          aria-controls="servicesEntities"
+          aria-expanded={false}
+          className="euiAccordion__button"
+          id="random_html_id"
+          onClick={[Function]}
+          type="button"
+        >
+          <span
+            className="euiAccordion__iconWrapper"
+          >
+            <EuiIcon
+              className="euiAccordion__icon"
+              size="m"
+              type="arrowRight"
+            >
+              <EuiIconEmpty
+                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"
+                />
+              </EuiIconEmpty>
+            </EuiIcon>
+          </span>
+          <span
+            className="euiIEFlexWrapFix"
+          >
+            <EuiText
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <h3>
+                  Services & Entities  
+                  <EuiBadge>
+                    <EuiInnerText>
+                      <span
+                        className="euiBadge euiBadge--iconLeft"
+                        style={
+                          Object {
+                            "backgroundColor": "#d3dae6",
+                            "color": "#000",
+                          }
+                        }
+                        title="0"
+                      >
+                        <span
+                          className="euiBadge__content"
+                        >
+                          0
+                        </span>
+                      </span>
+                    </EuiInnerText>
+                  </EuiBadge>
+                </h3>
+              </div>
+            </EuiText>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <EuiText
+              color="subdued"
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <EuiTextColor
+                  color="subdued"
+                  component="div"
+                >
+                  <div
+                    className="euiTextColor euiTextColor--subdued"
+                  >
+                    Select services & entities to include in this application
+                  </div>
+                </EuiTextColor>
+              </div>
+            </EuiText>
+          </span>
+        </button>
+        <div
+          className="euiAccordion__optionalAction"
+        >
+          <EuiButton
+            disabled={true}
+            onClick={[Function]}
+            size="s"
+          >
+            <EuiButtonDisplay
+              disabled={true}
+              element="button"
+              isDisabled={true}
+              onClick={[Function]}
+              size="s"
+              type="button"
+            >
+              <button
+                className="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                disabled={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <EuiButtonContent
+                  className="euiButton__content"
+                  iconSide="left"
+                  textProps={
+                    Object {
+                      "className": "euiButton__text",
+                    }
+                  }
+                >
+                  <span
+                    className="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      className="euiButton__text"
+                    >
+                      Clear all
+                    </span>
+                  </span>
+                </EuiButtonContent>
+              </button>
+            </EuiButtonDisplay>
+          </EuiButton>
+        </div>
+      </div>
+      <div
+        className="euiAccordion__childWrapper"
+        id="servicesEntities"
+      >
+        <EuiResizeObserver
+          onResize={[Function]}
+        >
+          <div>
+            <div
+              className="euiAccordion__padding--l"
+            >
+              <EuiFormRow
+                describedByIds={Array []}
+                display="row"
+                fullWidth={false}
+                hasChildLabel={true}
+                hasEmptyLabelSpace={false}
+                label="Services & Entities"
+                labelType="label"
+              >
+                <div
+                  className="euiFormRow"
+                  id="random_html_id-row"
+                >
+                  <div
+                    className="euiFormRow__labelWrapper"
+                  >
+                    <EuiFormLabel
+                      className="euiFormRow__label"
+                      htmlFor="random_html_id"
+                      isFocused={false}
+                      type="label"
+                    >
+                      <label
+                        className="euiFormLabel euiFormRow__label"
+                        htmlFor="random_html_id"
+                      >
+                        Services & Entities
+                      </label>
+                    </EuiFormLabel>
+                  </div>
+                  <div
+                    className="euiFormRow__fieldWrapper"
+                  >
+                    <EuiComboBox
+                      aria-label="Select services and entities"
+                      async={false}
+                      compressed={false}
+                      data-test-subj="servicesEntitiesComboBox"
+                      fullWidth={false}
+                      id="random_html_id"
+                      isClearable={false}
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      options={Array []}
+                      placeholder="Select services and entities"
+                      selectedOptions={Array []}
+                      singleSelection={false}
+                      sortMatchesBy="none"
+                    >
+                      <div
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-label="Select services and entities"
+                        className="euiComboBox"
+                        data-test-subj="servicesEntitiesComboBox"
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        role="combobox"
+                      >
+                        <EuiComboBoxInput
+                          autoSizeInputRef={[Function]}
+                          compressed={false}
+                          fullWidth={false}
+                          hasSelectedOptions={false}
+                          id="random_html_id"
+                          inputRef={[Function]}
+                          isListOpen={false}
+                          noIcon={false}
+                          onChange={[Function]}
+                          onClick={[Function]}
+                          onCloseListClick={[Function]}
+                          onFocus={[Function]}
+                          onOpenListClick={[Function]}
+                          onRemoveOption={[Function]}
+                          placeholder="Select services and entities"
+                          rootId={[Function]}
+                          searchValue=""
+                          selectedOptions={Array []}
+                          singleSelection={false}
+                          toggleButtonRef={[Function]}
+                          updatePosition={[Function]}
+                          value=""
+                        >
+                          <EuiFormControlLayout
+                            compressed={false}
+                            fullWidth={false}
+                            icon={
+                              Object {
+                                "aria-label": "Open list of options",
+                                "data-test-subj": "comboBoxToggleListButton",
+                                "disabled": undefined,
+                                "onClick": [Function],
+                                "ref": [Function],
+                                "side": "right",
+                                "type": "arrowDown",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiFormControlLayout"
+                            >
+                              <div
+                                className="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  className="euiComboBox__inputWrap"
+                                  data-test-subj="comboBoxInput"
+                                  onClick={[Function]}
+                                  tabIndex={-1}
+                                >
+                                  <p
+                                    className="euiComboBoxPlaceholder"
+                                  >
+                                    Select services and entities
+                                  </p>
+                                  <AutosizeInput
+                                    aria-controls=""
+                                    className="euiComboBox__input"
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    injectStyles={true}
+                                    inputRef={[Function]}
+                                    minWidth={1}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    role="textbox"
+                                    style={
+                                      Object {
+                                        "fontSize": 14,
+                                      }
+                                    }
+                                    value=""
+                                  >
+                                    <div
+                                      className="euiComboBox__input"
+                                      style={
+                                        Object {
+                                          "display": "inline-block",
+                                          "fontSize": 14,
+                                        }
+                                      }
+                                    >
+                                      <input
+                                        aria-controls=""
+                                        data-test-subj="comboBoxSearchInput"
+                                        id="random_html_id"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        role="textbox"
+                                        style={
+                                          Object {
+                                            "boxSizing": "content-box",
+                                            "width": "2px",
+                                          }
+                                        }
+                                        value=""
+                                      />
+                                      <div
+                                        style={
+                                          Object {
+                                            "height": 0,
+                                            "left": 0,
+                                            "overflow": "scroll",
+                                            "position": "absolute",
+                                            "top": 0,
+                                            "visibility": "hidden",
+                                            "whiteSpace": "pre",
+                                          }
+                                        }
+                                      />
+                                    </div>
+                                  </AutosizeInput>
+                                </div>
+                                <EuiFormControlLayoutIcons
+                                  icon={
+                                    Object {
+                                      "aria-label": "Open list of options",
+                                      "data-test-subj": "comboBoxToggleListButton",
+                                      "disabled": undefined,
+                                      "onClick": [Function],
+                                      "ref": [Function],
+                                      "side": "right",
+                                      "type": "arrowDown",
+                                    }
+                                  }
+                                >
+                                  <div
+                                    className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                  >
+                                    <EuiFormControlLayoutCustomIcon
+                                      aria-label="Open list of options"
+                                      data-test-subj="comboBoxToggleListButton"
+                                      iconRef={[Function]}
+                                      onClick={[Function]}
+                                      type="arrowDown"
+                                    >
+                                      <button
+                                        aria-label="Open list of options"
+                                        className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                        data-test-subj="comboBoxToggleListButton"
+                                        onClick={[Function]}
+                                        type="button"
+                                      >
+                                        <EuiIcon
+                                          aria-hidden="true"
+                                          className="euiFormControlLayoutCustomIcon__icon"
+                                          type="arrowDown"
+                                        >
+                                          <EuiIconEmpty
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                            focusable="false"
+                                            role="img"
+                                            style={null}
+                                          >
+                                            <svg
+                                              aria-hidden={true}
+                                              className="euiIcon euiIcon--medium 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"
+                                            />
+                                          </EuiIconEmpty>
+                                        </EuiIcon>
+                                      </button>
+                                    </EuiFormControlLayoutCustomIcon>
+                                  </div>
+                                </EuiFormControlLayoutIcons>
+                              </div>
+                            </div>
+                          </EuiFormControlLayout>
+                        </EuiComboBoxInput>
+                      </div>
+                    </EuiComboBox>
+                  </div>
+                </div>
+              </EuiFormRow>
+              <EuiSpacer>
+                <div
+                  className="euiSpacer euiSpacer--l"
+                />
+              </EuiSpacer>
+              <ServiceMap
+                addFilter={[Function]}
+                idSelected="latency"
+                serviceMap={Object {}}
+                setIdSelected={[Function]}
+              >
+                <EuiPanel>
+                  <div
+                    className="euiPanel euiPanel--paddingMedium"
+                  >
+                    <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": "Latency",
+                          },
+                          Object {
+                            "id": "error_rate",
+                            "label": "Error rate",
+                          },
+                          Object {
+                            "id": "throughput",
+                            "label": "Throughput",
+                          },
+                        ]
+                      }
+                    >
+                      <fieldset
+                        className="euiButtonGroup__fieldset"
+                      >
+                        <div
+                          className="euiButtonGroup euiButtonGroup--s"
+                        >
+                          <EuiButtonToggle
+                            className="euiButtonGroup__button euiButtonGroup__button--selected"
+                            color="text"
+                            fill={true}
+                            id="latency"
+                            isSelected={true}
+                            key="0"
+                            label="Latency"
+                            onChange={[Function]}
+                            size="s"
+                            toggleClassName="euiButtonGroup__toggle"
+                            type="single"
+                          >
+                            <EuiToggle
+                              checked={true}
+                              className="euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              inputClassName="euiButtonToggle__input"
+                              label="Latency"
+                              onChange={[Function]}
+                              title="Latency"
+                              type="single"
+                            >
+                              <div
+                                className="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              >
+                                <input
+                                  aria-label="Latency"
+                                  checked={true}
+                                  className="euiToggle__input euiButtonToggle__input"
+                                  onChange={[Function]}
+                                  title="Latency"
+                                  type="radio"
+                                />
+                                <EuiButton
+                                  className="euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected"
+                                  color="text"
+                                  fill={true}
+                                  id="latency"
+                                  size="s"
+                                  tabIndex={-1}
+                                >
+                                  <EuiButtonDisplay
+                                    className="euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected"
+                                    color="text"
+                                    disabled={false}
+                                    element="button"
+                                    fill={true}
+                                    id="latency"
+                                    isDisabled={false}
+                                    size="s"
+                                    tabIndex={-1}
+                                    type="button"
+                                  >
+                                    <button
+                                      className="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                                      disabled={false}
+                                      id="latency"
+                                      tabIndex={-1}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButton__content"
+                                        iconSide="left"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButton__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButton__content"
+                                        >
+                                          <span
+                                            className="euiButton__text"
+                                          >
+                                            Latency
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonDisplay>
+                                </EuiButton>
+                              </div>
+                            </EuiToggle>
+                          </EuiButtonToggle>
+                          <EuiButtonToggle
+                            className="euiButtonGroup__button"
+                            color="text"
+                            fill={false}
+                            id="error_rate"
+                            isSelected={false}
+                            key="1"
+                            label="Error rate"
+                            onChange={[Function]}
+                            size="s"
+                            toggleClassName="euiButtonGroup__toggle"
+                            type="single"
+                          >
+                            <EuiToggle
+                              checked={false}
+                              className="euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              inputClassName="euiButtonToggle__input"
+                              label="Error rate"
+                              onChange={[Function]}
+                              title="Error rate"
+                              type="single"
+                            >
+                              <div
+                                className="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              >
+                                <input
+                                  aria-label="Error rate"
+                                  checked={false}
+                                  className="euiToggle__input euiButtonToggle__input"
+                                  onChange={[Function]}
+                                  title="Error rate"
+                                  type="radio"
+                                />
+                                <EuiButton
+                                  className="euiButtonToggle euiButtonGroup__button"
+                                  color="text"
+                                  fill={false}
+                                  id="error_rate"
+                                  size="s"
+                                  tabIndex={-1}
+                                >
+                                  <EuiButtonDisplay
+                                    className="euiButtonToggle euiButtonGroup__button"
+                                    color="text"
+                                    disabled={false}
+                                    element="button"
+                                    fill={false}
+                                    id="error_rate"
+                                    isDisabled={false}
+                                    size="s"
+                                    tabIndex={-1}
+                                    type="button"
+                                  >
+                                    <button
+                                      className="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                      disabled={false}
+                                      id="error_rate"
+                                      tabIndex={-1}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButton__content"
+                                        iconSide="left"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButton__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButton__content"
+                                        >
+                                          <span
+                                            className="euiButton__text"
+                                          >
+                                            Error rate
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonDisplay>
+                                </EuiButton>
+                              </div>
+                            </EuiToggle>
+                          </EuiButtonToggle>
+                          <EuiButtonToggle
+                            className="euiButtonGroup__button"
+                            color="text"
+                            fill={false}
+                            id="throughput"
+                            isSelected={false}
+                            key="2"
+                            label="Throughput"
+                            onChange={[Function]}
+                            size="s"
+                            toggleClassName="euiButtonGroup__toggle"
+                            type="single"
+                          >
+                            <EuiToggle
+                              checked={false}
+                              className="euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              inputClassName="euiButtonToggle__input"
+                              label="Throughput"
+                              onChange={[Function]}
+                              title="Throughput"
+                              type="single"
+                            >
+                              <div
+                                className="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              >
+                                <input
+                                  aria-label="Throughput"
+                                  checked={false}
+                                  className="euiToggle__input euiButtonToggle__input"
+                                  onChange={[Function]}
+                                  title="Throughput"
+                                  type="radio"
+                                />
+                                <EuiButton
+                                  className="euiButtonToggle euiButtonGroup__button"
+                                  color="text"
+                                  fill={false}
+                                  id="throughput"
+                                  size="s"
+                                  tabIndex={-1}
+                                >
+                                  <EuiButtonDisplay
+                                    className="euiButtonToggle euiButtonGroup__button"
+                                    color="text"
+                                    disabled={false}
+                                    element="button"
+                                    fill={false}
+                                    id="throughput"
+                                    isDisabled={false}
+                                    size="s"
+                                    tabIndex={-1}
+                                    type="button"
+                                  >
+                                    <button
+                                      className="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                      disabled={false}
+                                      id="throughput"
+                                      tabIndex={-1}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButton__content"
+                                        iconSide="left"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButton__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButton__content"
+                                        >
+                                          <span
+                                            className="euiButton__text"
+                                          >
+                                            Throughput
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonDisplay>
+                                </EuiButton>
+                              </div>
+                            </EuiToggle>
+                          </EuiButtonToggle>
+                        </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"
+                          >
+                            <EuiFieldSearch
+                              compressed={false}
+                              fullWidth={false}
+                              incremental={false}
+                              isClearable={true}
+                              isInvalid={false}
+                              isLoading={false}
+                              onChange={[Function]}
+                              onSearch={[Function]}
+                              placeholder="Service name"
+                              value=""
+                            >
+                              <EuiFormControlLayout
+                                compressed={false}
+                                fullWidth={false}
+                                icon="search"
+                                isLoading={false}
+                              >
+                                <div
+                                  className="euiFormControlLayout"
+                                >
+                                  <div
+                                    className="euiFormControlLayout__childrenWrapper"
+                                  >
+                                    <EuiValidatableControl
+                                      isInvalid={false}
+                                    >
+                                      <input
+                                        className="euiFieldSearch euiFieldSearch-isClearable"
+                                        onChange={[Function]}
+                                        onKeyUp={[Function]}
+                                        placeholder="Service name"
+                                        type="search"
+                                        value=""
+                                      />
+                                    </EuiValidatableControl>
+                                    <EuiFormControlLayoutIcons
+                                      icon="search"
+                                      isLoading={false}
+                                    >
+                                      <div
+                                        className="euiFormControlLayoutIcons"
+                                      >
+                                        <EuiFormControlLayoutCustomIcon
+                                          type="search"
+                                        >
+                                          <span
+                                            className="euiFormControlLayoutCustomIcon"
+                                          >
+                                            <EuiIcon
+                                              aria-hidden="true"
+                                              className="euiFormControlLayoutCustomIcon__icon"
+                                              type="search"
+                                            >
+                                              <EuiIconEmpty
+                                                aria-hidden={true}
+                                                className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                                focusable="false"
+                                                role="img"
+                                                style={null}
+                                              >
+                                                <svg
+                                                  aria-hidden={true}
+                                                  className="euiIcon euiIcon--medium 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"
+                                                />
+                                              </EuiIconEmpty>
+                                            </EuiIcon>
+                                          </span>
+                                        </EuiFormControlLayoutCustomIcon>
+                                      </div>
+                                    </EuiFormControlLayoutIcons>
+                                  </div>
+                                </div>
+                              </EuiFormControlLayout>
+                            </EuiFieldSearch>
+                          </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>
+                              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"
+                          >
+                            <EuiTextColor
+                              color="subdued"
+                            >
+                              <span
+                                className="euiTextColor euiTextColor--subdued"
+                              >
+                                <EuiTitle
+                                  size="m"
+                                >
+                                  <h2
+                                    className="euiTitle euiTitle--medium"
+                                  >
+                                    No matches
+                                  </h2>
+                                </EuiTitle>
+                                <EuiSpacer
+                                  size="m"
+                                >
+                                  <div
+                                    className="euiSpacer euiSpacer--m"
+                                  />
+                                </EuiSpacer>
+                                <EuiText>
+                                  <div
+                                    className="euiText euiText--medium"
+                                  >
+                                    <EuiText>
+                                      <div
+                                        className="euiText euiText--medium"
+                                      >
+                                        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="s"
+                        >
+                          <div
+                            className="euiSpacer euiSpacer--s"
+                          />
+                        </EuiSpacer>
+                      </NoMatchMessage>
+                    </div>
+                  </div>
+                </EuiPanel>
+              </ServiceMap>
+            </div>
+          </div>
+        </EuiResizeObserver>
+      </div>
+    </div>
+  </EuiAccordion>
+</ServiceConfig>
+`;
+
+exports[`Service Config component renders with one service selected 1`] = `
+<ServiceConfig
+  chrome={
+    Object {
+      "getIsNavDrawerLocked$": [MockFunction],
+      "setBreadcrumbs": [MockFunction],
+    }
+  }
+  dslService={
+    Object {
+      "fetch": [MockFunction],
+      "fetchFields": [MockFunction],
+      "fetchIndices": [MockFunction],
+      "http": [MockFunction],
+    }
+  }
+  endTime="now"
+  filters={
+    Array [
+      Object {
+        "disabled": false,
+        "field": "serviceName",
+        "inverted": false,
+        "operator": "is",
+        "value": "User",
+      },
+    ]
+  }
+  http={[MockFunction]}
+  indicesExist={true}
+  parentBreadcrumb={
+    Object {
+      "href": "test#/",
+      "text": "test",
+    }
+  }
+  query=""
+  selectedServices={Array []}
+  setEndTime={[MockFunction]}
+  setFilters={[MockFunction]}
+  setQuery={[MockFunction]}
+  setSelectedServices={
+    [MockFunction] {
+      "calls": Array [
+        Array [
+          Array [
+            Object {
+              "label": "User",
+            },
+          ],
+        ],
+      ],
+      "results": Array [
+        Object {
+          "type": "return",
+          "value": undefined,
+        },
+      ],
+    }
+  }
+  setStartTime={[MockFunction]}
+  startTime="now-5m"
+>
+  <EuiAccordion
+    arrowDisplay="left"
+    buttonContent={
+      <React.Fragment>
+        <EuiText
+          size="s"
+        >
+          <h3>
+            Services & Entities  
+            <EuiBadge>
+              0
+            </EuiBadge>
+          </h3>
+        </EuiText>
+        <EuiSpacer
+          size="s"
+        />
+        <EuiText
+          color="subdued"
+          size="s"
+        >
+          Select services & entities to include in this application
+        </EuiText>
+      </React.Fragment>
+    }
+    extraAction={
+      <EuiButton
+        disabled={true}
+        onClick={[Function]}
+        size="s"
+      >
+        Clear all
+      </EuiButton>
+    }
+    id="servicesEntities"
+    initialIsOpen={false}
+    isLoading={false}
+    isLoadingMessage={false}
+    onToggle={[Function]}
+    paddingSize="l"
+  >
+    <div
+      className="euiAccordion"
+      onToggle={[Function]}
+    >
+      <div
+        className="euiAccordion__triggerWrapper"
+      >
+        <button
+          aria-controls="servicesEntities"
+          aria-expanded={false}
+          className="euiAccordion__button"
+          id="random_html_id"
+          onClick={[Function]}
+          type="button"
+        >
+          <span
+            className="euiAccordion__iconWrapper"
+          >
+            <EuiIcon
+              className="euiAccordion__icon"
+              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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                    fillRule="nonzero"
+                  />
+                </svg>
+              </EuiIconArrowRight>
+            </EuiIcon>
+          </span>
+          <span
+            className="euiIEFlexWrapFix"
+          >
+            <EuiText
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <h3>
+                  Services & Entities  
+                  <EuiBadge>
+                    <EuiInnerText>
+                      <span
+                        className="euiBadge euiBadge--iconLeft"
+                        style={
+                          Object {
+                            "backgroundColor": "#d3dae6",
+                            "color": "#000",
+                          }
+                        }
+                        title="0"
+                      >
+                        <span
+                          className="euiBadge__content"
+                        >
+                          0
+                        </span>
+                      </span>
+                    </EuiInnerText>
+                  </EuiBadge>
+                </h3>
+              </div>
+            </EuiText>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <EuiText
+              color="subdued"
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <EuiTextColor
+                  color="subdued"
+                  component="div"
+                >
+                  <div
+                    className="euiTextColor euiTextColor--subdued"
+                  >
+                    Select services & entities to include in this application
+                  </div>
+                </EuiTextColor>
+              </div>
+            </EuiText>
+          </span>
+        </button>
+        <div
+          className="euiAccordion__optionalAction"
+        >
+          <EuiButton
+            disabled={true}
+            onClick={[Function]}
+            size="s"
+          >
+            <EuiButtonDisplay
+              disabled={true}
+              element="button"
+              isDisabled={true}
+              onClick={[Function]}
+              size="s"
+              type="button"
+            >
+              <button
+                className="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                disabled={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <EuiButtonContent
+                  className="euiButton__content"
+                  iconSide="left"
+                  textProps={
+                    Object {
+                      "className": "euiButton__text",
+                    }
+                  }
+                >
+                  <span
+                    className="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      className="euiButton__text"
+                    >
+                      Clear all
+                    </span>
+                  </span>
+                </EuiButtonContent>
+              </button>
+            </EuiButtonDisplay>
+          </EuiButton>
+        </div>
+      </div>
+      <div
+        className="euiAccordion__childWrapper"
+        id="servicesEntities"
+      >
+        <EuiResizeObserver
+          onResize={[Function]}
+        >
+          <div>
+            <div
+              className="euiAccordion__padding--l"
+            >
+              <EuiFormRow
+                describedByIds={Array []}
+                display="row"
+                fullWidth={false}
+                hasChildLabel={true}
+                hasEmptyLabelSpace={false}
+                label="Services & Entities"
+                labelType="label"
+              >
+                <div
+                  className="euiFormRow"
+                  id="random_html_id-row"
+                >
+                  <div
+                    className="euiFormRow__labelWrapper"
+                  >
+                    <EuiFormLabel
+                      className="euiFormRow__label"
+                      htmlFor="random_html_id"
+                      isFocused={false}
+                      type="label"
+                    >
+                      <label
+                        className="euiFormLabel euiFormRow__label"
+                        htmlFor="random_html_id"
+                      >
+                        Services & Entities
+                      </label>
+                    </EuiFormLabel>
+                  </div>
+                  <div
+                    className="euiFormRow__fieldWrapper"
+                  >
+                    <EuiComboBox
+                      aria-label="Select services and entities"
+                      async={false}
+                      compressed={false}
+                      data-test-subj="servicesEntitiesComboBox"
+                      fullWidth={false}
+                      id="random_html_id"
+                      isClearable={false}
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      options={Array []}
+                      placeholder="Select services and entities"
+                      selectedOptions={Array []}
+                      singleSelection={false}
+                      sortMatchesBy="none"
+                    >
+                      <div
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-label="Select services and entities"
+                        className="euiComboBox"
+                        data-test-subj="servicesEntitiesComboBox"
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        role="combobox"
+                      >
+                        <EuiComboBoxInput
+                          autoSizeInputRef={[Function]}
+                          compressed={false}
+                          fullWidth={false}
+                          hasSelectedOptions={false}
+                          id="random_html_id"
+                          inputRef={[Function]}
+                          isListOpen={false}
+                          noIcon={false}
+                          onChange={[Function]}
+                          onClick={[Function]}
+                          onCloseListClick={[Function]}
+                          onFocus={[Function]}
+                          onOpenListClick={[Function]}
+                          onRemoveOption={[Function]}
+                          placeholder="Select services and entities"
+                          rootId={[Function]}
+                          searchValue=""
+                          selectedOptions={Array []}
+                          singleSelection={false}
+                          toggleButtonRef={[Function]}
+                          updatePosition={[Function]}
+                          value=""
+                        >
+                          <EuiFormControlLayout
+                            compressed={false}
+                            fullWidth={false}
+                            icon={
+                              Object {
+                                "aria-label": "Open list of options",
+                                "data-test-subj": "comboBoxToggleListButton",
+                                "disabled": undefined,
+                                "onClick": [Function],
+                                "ref": [Function],
+                                "side": "right",
+                                "type": "arrowDown",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiFormControlLayout"
+                            >
+                              <div
+                                className="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  className="euiComboBox__inputWrap"
+                                  data-test-subj="comboBoxInput"
+                                  onClick={[Function]}
+                                  tabIndex={-1}
+                                >
+                                  <p
+                                    className="euiComboBoxPlaceholder"
+                                  >
+                                    Select services and entities
+                                  </p>
+                                  <AutosizeInput
+                                    aria-controls=""
+                                    className="euiComboBox__input"
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    injectStyles={true}
+                                    inputRef={[Function]}
+                                    minWidth={1}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    role="textbox"
+                                    style={
+                                      Object {
+                                        "fontSize": 14,
+                                      }
+                                    }
+                                    value=""
+                                  >
+                                    <div
+                                      className="euiComboBox__input"
+                                      style={
+                                        Object {
+                                          "display": "inline-block",
+                                          "fontSize": 14,
+                                        }
+                                      }
+                                    >
+                                      <input
+                                        aria-controls=""
+                                        data-test-subj="comboBoxSearchInput"
+                                        id="random_html_id"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        role="textbox"
+                                        style={
+                                          Object {
+                                            "boxSizing": "content-box",
+                                            "width": "2px",
+                                          }
+                                        }
+                                        value=""
+                                      />
+                                      <div
+                                        style={
+                                          Object {
+                                            "height": 0,
+                                            "left": 0,
+                                            "overflow": "scroll",
+                                            "position": "absolute",
+                                            "top": 0,
+                                            "visibility": "hidden",
+                                            "whiteSpace": "pre",
+                                          }
+                                        }
+                                      />
+                                    </div>
+                                  </AutosizeInput>
+                                </div>
+                                <EuiFormControlLayoutIcons
+                                  icon={
+                                    Object {
+                                      "aria-label": "Open list of options",
+                                      "data-test-subj": "comboBoxToggleListButton",
+                                      "disabled": undefined,
+                                      "onClick": [Function],
+                                      "ref": [Function],
+                                      "side": "right",
+                                      "type": "arrowDown",
+                                    }
+                                  }
+                                >
+                                  <div
+                                    className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                  >
+                                    <EuiFormControlLayoutCustomIcon
+                                      aria-label="Open list of options"
+                                      data-test-subj="comboBoxToggleListButton"
+                                      iconRef={[Function]}
+                                      onClick={[Function]}
+                                      type="arrowDown"
+                                    >
+                                      <button
+                                        aria-label="Open list of options"
+                                        className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                        data-test-subj="comboBoxToggleListButton"
+                                        onClick={[Function]}
+                                        type="button"
+                                      >
+                                        <EuiIcon
+                                          aria-hidden="true"
+                                          className="euiFormControlLayoutCustomIcon__icon"
+                                          type="arrowDown"
+                                        >
+                                          <EuiIconArrowDown
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                                            focusable="false"
+                                            role="img"
+                                            style={null}
+                                          >
+                                            <svg
+                                              aria-hidden={true}
+                                              className="euiIcon euiIcon--medium 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="M13.069 5.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                                fillRule="non-zero"
+                                              />
+                                            </svg>
+                                          </EuiIconArrowDown>
+                                        </EuiIcon>
+                                      </button>
+                                    </EuiFormControlLayoutCustomIcon>
+                                  </div>
+                                </EuiFormControlLayoutIcons>
+                              </div>
+                            </div>
+                          </EuiFormControlLayout>
+                        </EuiComboBoxInput>
+                      </div>
+                    </EuiComboBox>
+                  </div>
+                </div>
+              </EuiFormRow>
+              <EuiSpacer>
+                <div
+                  className="euiSpacer euiSpacer--l"
+                />
+              </EuiSpacer>
+              <ServiceMap
+                addFilter={[Function]}
+                idSelected="latency"
+                serviceMap={Object {}}
+                setIdSelected={[Function]}
+              >
+                <EuiPanel>
+                  <div
+                    className="euiPanel euiPanel--paddingMedium"
+                  >
+                    <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": "Latency",
+                          },
+                          Object {
+                            "id": "error_rate",
+                            "label": "Error rate",
+                          },
+                          Object {
+                            "id": "throughput",
+                            "label": "Throughput",
+                          },
+                        ]
+                      }
+                    >
+                      <fieldset
+                        className="euiButtonGroup__fieldset"
+                      >
+                        <div
+                          className="euiButtonGroup euiButtonGroup--s"
+                        >
+                          <EuiButtonToggle
+                            className="euiButtonGroup__button euiButtonGroup__button--selected"
+                            color="text"
+                            fill={true}
+                            id="latency"
+                            isSelected={true}
+                            key="0"
+                            label="Latency"
+                            onChange={[Function]}
+                            size="s"
+                            toggleClassName="euiButtonGroup__toggle"
+                            type="single"
+                          >
+                            <EuiToggle
+                              checked={true}
+                              className="euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              inputClassName="euiButtonToggle__input"
+                              label="Latency"
+                              onChange={[Function]}
+                              title="Latency"
+                              type="single"
+                            >
+                              <div
+                                className="euiToggle euiToggle--checked euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              >
+                                <input
+                                  aria-label="Latency"
+                                  checked={true}
+                                  className="euiToggle__input euiButtonToggle__input"
+                                  onChange={[Function]}
+                                  title="Latency"
+                                  type="radio"
+                                />
+                                <EuiButton
+                                  className="euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected"
+                                  color="text"
+                                  fill={true}
+                                  id="latency"
+                                  size="s"
+                                  tabIndex={-1}
+                                >
+                                  <EuiButtonDisplay
+                                    className="euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected"
+                                    color="text"
+                                    disabled={false}
+                                    element="button"
+                                    fill={true}
+                                    id="latency"
+                                    isDisabled={false}
+                                    size="s"
+                                    tabIndex={-1}
+                                    type="button"
+                                  >
+                                    <button
+                                      className="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button euiButtonGroup__button--selected euiButton--fill"
+                                      disabled={false}
+                                      id="latency"
+                                      tabIndex={-1}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButton__content"
+                                        iconSide="left"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButton__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButton__content"
+                                        >
+                                          <span
+                                            className="euiButton__text"
+                                          >
+                                            Latency
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonDisplay>
+                                </EuiButton>
+                              </div>
+                            </EuiToggle>
+                          </EuiButtonToggle>
+                          <EuiButtonToggle
+                            className="euiButtonGroup__button"
+                            color="text"
+                            fill={false}
+                            id="error_rate"
+                            isSelected={false}
+                            key="1"
+                            label="Error rate"
+                            onChange={[Function]}
+                            size="s"
+                            toggleClassName="euiButtonGroup__toggle"
+                            type="single"
+                          >
+                            <EuiToggle
+                              checked={false}
+                              className="euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              inputClassName="euiButtonToggle__input"
+                              label="Error rate"
+                              onChange={[Function]}
+                              title="Error rate"
+                              type="single"
+                            >
+                              <div
+                                className="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              >
+                                <input
+                                  aria-label="Error rate"
+                                  checked={false}
+                                  className="euiToggle__input euiButtonToggle__input"
+                                  onChange={[Function]}
+                                  title="Error rate"
+                                  type="radio"
+                                />
+                                <EuiButton
+                                  className="euiButtonToggle euiButtonGroup__button"
+                                  color="text"
+                                  fill={false}
+                                  id="error_rate"
+                                  size="s"
+                                  tabIndex={-1}
+                                >
+                                  <EuiButtonDisplay
+                                    className="euiButtonToggle euiButtonGroup__button"
+                                    color="text"
+                                    disabled={false}
+                                    element="button"
+                                    fill={false}
+                                    id="error_rate"
+                                    isDisabled={false}
+                                    size="s"
+                                    tabIndex={-1}
+                                    type="button"
+                                  >
+                                    <button
+                                      className="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                      disabled={false}
+                                      id="error_rate"
+                                      tabIndex={-1}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButton__content"
+                                        iconSide="left"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButton__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButton__content"
+                                        >
+                                          <span
+                                            className="euiButton__text"
+                                          >
+                                            Error rate
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonDisplay>
+                                </EuiButton>
+                              </div>
+                            </EuiToggle>
+                          </EuiButtonToggle>
+                          <EuiButtonToggle
+                            className="euiButtonGroup__button"
+                            color="text"
+                            fill={false}
+                            id="throughput"
+                            isSelected={false}
+                            key="2"
+                            label="Throughput"
+                            onChange={[Function]}
+                            size="s"
+                            toggleClassName="euiButtonGroup__toggle"
+                            type="single"
+                          >
+                            <EuiToggle
+                              checked={false}
+                              className="euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              inputClassName="euiButtonToggle__input"
+                              label="Throughput"
+                              onChange={[Function]}
+                              title="Throughput"
+                              type="single"
+                            >
+                              <div
+                                className="euiToggle euiButtonToggle__wrapper euiButtonGroup__toggle"
+                              >
+                                <input
+                                  aria-label="Throughput"
+                                  checked={false}
+                                  className="euiToggle__input euiButtonToggle__input"
+                                  onChange={[Function]}
+                                  title="Throughput"
+                                  type="radio"
+                                />
+                                <EuiButton
+                                  className="euiButtonToggle euiButtonGroup__button"
+                                  color="text"
+                                  fill={false}
+                                  id="throughput"
+                                  size="s"
+                                  tabIndex={-1}
+                                >
+                                  <EuiButtonDisplay
+                                    className="euiButtonToggle euiButtonGroup__button"
+                                    color="text"
+                                    disabled={false}
+                                    element="button"
+                                    fill={false}
+                                    id="throughput"
+                                    isDisabled={false}
+                                    size="s"
+                                    tabIndex={-1}
+                                    type="button"
+                                  >
+                                    <button
+                                      className="euiButton euiButton--text euiButton--small euiButtonToggle euiButtonGroup__button"
+                                      disabled={false}
+                                      id="throughput"
+                                      tabIndex={-1}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButton__content"
+                                        iconSide="left"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButton__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButton__content"
+                                        >
+                                          <span
+                                            className="euiButton__text"
+                                          >
+                                            Throughput
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonDisplay>
+                                </EuiButton>
+                              </div>
+                            </EuiToggle>
+                          </EuiButtonToggle>
+                        </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"
+                          >
+                            <EuiFieldSearch
+                              compressed={false}
+                              fullWidth={false}
+                              incremental={false}
+                              isClearable={true}
+                              isInvalid={false}
+                              isLoading={false}
+                              onChange={[Function]}
+                              onSearch={[Function]}
+                              placeholder="Service name"
+                              value=""
+                            >
+                              <EuiFormControlLayout
+                                compressed={false}
+                                fullWidth={false}
+                                icon="search"
+                                isLoading={false}
+                              >
+                                <div
+                                  className="euiFormControlLayout"
+                                >
+                                  <div
+                                    className="euiFormControlLayout__childrenWrapper"
+                                  >
+                                    <EuiValidatableControl
+                                      isInvalid={false}
+                                    >
+                                      <input
+                                        className="euiFieldSearch euiFieldSearch-isClearable"
+                                        onChange={[Function]}
+                                        onKeyUp={[Function]}
+                                        placeholder="Service name"
+                                        type="search"
+                                        value=""
+                                      />
+                                    </EuiValidatableControl>
+                                    <EuiFormControlLayoutIcons
+                                      icon="search"
+                                      isLoading={false}
+                                    >
+                                      <div
+                                        className="euiFormControlLayoutIcons"
+                                      >
+                                        <EuiFormControlLayoutCustomIcon
+                                          type="search"
+                                        >
+                                          <span
+                                            className="euiFormControlLayoutCustomIcon"
+                                          >
+                                            <EuiIcon
+                                              aria-hidden="true"
+                                              className="euiFormControlLayoutCustomIcon__icon"
+                                              type="search"
+                                            >
+                                              <EuiIconSearch
+                                                aria-hidden={true}
+                                                className="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                                                focusable="false"
+                                                role="img"
+                                                style={null}
+                                              >
+                                                <svg
+                                                  aria-hidden={true}
+                                                  className="euiIcon euiIcon--medium 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.978l3.872 3.873a.502.502 0 00.708 0 .502.502 0 000-.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 004.949 2.05.5.5 0 000-1 5.96 5.96 0 01-4.242-1.757 6.01 6.01 0 010-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 010 8.486.5.5 0 00.034.738z"
+                                                  />
+                                                </svg>
+                                              </EuiIconSearch>
+                                            </EuiIcon>
+                                          </span>
+                                        </EuiFormControlLayoutCustomIcon>
+                                      </div>
+                                    </EuiFormControlLayoutIcons>
+                                  </div>
+                                </div>
+                              </EuiFormControlLayout>
+                            </EuiFieldSearch>
+                          </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>
+                              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"
+                          >
+                            <EuiTextColor
+                              color="subdued"
+                            >
+                              <span
+                                className="euiTextColor euiTextColor--subdued"
+                              >
+                                <EuiTitle
+                                  size="m"
+                                >
+                                  <h2
+                                    className="euiTitle euiTitle--medium"
+                                  >
+                                    No matches
+                                  </h2>
+                                </EuiTitle>
+                                <EuiSpacer
+                                  size="m"
+                                >
+                                  <div
+                                    className="euiSpacer euiSpacer--m"
+                                  />
+                                </EuiSpacer>
+                                <EuiText>
+                                  <div
+                                    className="euiText euiText--medium"
+                                  >
+                                    <EuiText>
+                                      <div
+                                        className="euiText euiText--medium"
+                                      >
+                                        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="s"
+                        >
+                          <div
+                            className="euiSpacer euiSpacer--s"
+                          />
+                        </EuiSpacer>
+                      </NoMatchMessage>
+                    </div>
+                  </div>
+                </EuiPanel>
+              </ServiceMap>
+            </div>
+          </div>
+        </EuiResizeObserver>
+      </div>
+    </div>
+  </EuiAccordion>
+</ServiceConfig>
+`;
diff --git a/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/trace_config.test.tsx.snap b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/trace_config.test.tsx.snap
new file mode 100644
index 000000000..7f51a91c5
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/__snapshots__/trace_config.test.tsx.snap
@@ -0,0 +1,1545 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Trace Config component renders empty trace config 1`] = `
+<TraceConfig
+  chrome={
+    Object {
+      "getIsNavDrawerLocked$": [MockFunction],
+      "setBreadcrumbs": [MockFunction],
+    }
+  }
+  dslService={
+    Object {
+      "fetch": [MockFunction],
+      "fetchFields": [MockFunction],
+      "fetchIndices": [MockFunction],
+      "http": [MockFunction],
+    }
+  }
+  endTime="now"
+  filters={Array []}
+  http={[MockFunction]}
+  indicesExist={true}
+  parentBreadcrumb={
+    Object {
+      "href": "test#/",
+      "text": "test",
+    }
+  }
+  query=""
+  selectedTraces={Array []}
+  setEndTime={[MockFunction]}
+  setFilters={[MockFunction]}
+  setQuery={[MockFunction]}
+  setSelectedTraces={
+    [MockFunction] {
+      "calls": Array [
+        Array [
+          Array [],
+        ],
+      ],
+      "results": Array [
+        Object {
+          "type": "return",
+          "value": undefined,
+        },
+      ],
+    }
+  }
+  setStartTime={[MockFunction]}
+  startTime="now-5m"
+>
+  <EuiAccordion
+    arrowDisplay="left"
+    buttonContent={
+      <React.Fragment>
+        <EuiText
+          size="s"
+        >
+          <h3>
+            Trace Groups  
+            <EuiBadge>
+              0
+            </EuiBadge>
+          </h3>
+        </EuiText>
+        <EuiSpacer
+          size="s"
+        />
+        <EuiText
+          color="subdued"
+          size="s"
+        >
+          Constrain your application to specific trace groups
+        </EuiText>
+      </React.Fragment>
+    }
+    extraAction={
+      <EuiButton
+        disabled={true}
+        onClick={[Function]}
+        size="s"
+      >
+        Clear all
+      </EuiButton>
+    }
+    id="traceGroups"
+    initialIsOpen={false}
+    isLoading={false}
+    isLoadingMessage={false}
+    onToggle={[Function]}
+    paddingSize="l"
+  >
+    <div
+      className="euiAccordion"
+      onToggle={[Function]}
+    >
+      <div
+        className="euiAccordion__triggerWrapper"
+      >
+        <button
+          aria-controls="traceGroups"
+          aria-expanded={false}
+          className="euiAccordion__button"
+          id="random_html_id"
+          onClick={[Function]}
+          type="button"
+        >
+          <span
+            className="euiAccordion__iconWrapper"
+          >
+            <EuiIcon
+              className="euiAccordion__icon"
+              size="m"
+              type="arrowRight"
+            >
+              <EuiIconEmpty
+                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"
+                />
+              </EuiIconEmpty>
+            </EuiIcon>
+          </span>
+          <span
+            className="euiIEFlexWrapFix"
+          >
+            <EuiText
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <h3>
+                  Trace Groups  
+                  <EuiBadge>
+                    <EuiInnerText>
+                      <span
+                        className="euiBadge euiBadge--iconLeft"
+                        style={
+                          Object {
+                            "backgroundColor": "#d3dae6",
+                            "color": "#000",
+                          }
+                        }
+                        title="0"
+                      >
+                        <span
+                          className="euiBadge__content"
+                        >
+                          0
+                        </span>
+                      </span>
+                    </EuiInnerText>
+                  </EuiBadge>
+                </h3>
+              </div>
+            </EuiText>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <EuiText
+              color="subdued"
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <EuiTextColor
+                  color="subdued"
+                  component="div"
+                >
+                  <div
+                    className="euiTextColor euiTextColor--subdued"
+                  >
+                    Constrain your application to specific trace groups
+                  </div>
+                </EuiTextColor>
+              </div>
+            </EuiText>
+          </span>
+        </button>
+        <div
+          className="euiAccordion__optionalAction"
+        >
+          <EuiButton
+            disabled={true}
+            onClick={[Function]}
+            size="s"
+          >
+            <EuiButtonDisplay
+              disabled={true}
+              element="button"
+              isDisabled={true}
+              onClick={[Function]}
+              size="s"
+              type="button"
+            >
+              <button
+                className="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                disabled={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <EuiButtonContent
+                  className="euiButton__content"
+                  iconSide="left"
+                  textProps={
+                    Object {
+                      "className": "euiButton__text",
+                    }
+                  }
+                >
+                  <span
+                    className="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      className="euiButton__text"
+                    >
+                      Clear all
+                    </span>
+                  </span>
+                </EuiButtonContent>
+              </button>
+            </EuiButtonDisplay>
+          </EuiButton>
+        </div>
+      </div>
+      <div
+        className="euiAccordion__childWrapper"
+        id="traceGroups"
+      >
+        <EuiResizeObserver
+          onResize={[Function]}
+        >
+          <div>
+            <div
+              className="euiAccordion__padding--l"
+            >
+              <EuiFormRow
+                describedByIds={Array []}
+                display="row"
+                fullWidth={false}
+                hasChildLabel={true}
+                hasEmptyLabelSpace={false}
+                helpText="Select one or multiple trace groups, or type a custom one"
+                label="Trace Groups"
+                labelType="label"
+              >
+                <div
+                  className="euiFormRow"
+                  id="random_html_id-row"
+                >
+                  <div
+                    className="euiFormRow__labelWrapper"
+                  >
+                    <EuiFormLabel
+                      className="euiFormRow__label"
+                      htmlFor="random_html_id"
+                      isFocused={false}
+                      type="label"
+                    >
+                      <label
+                        className="euiFormLabel euiFormRow__label"
+                        htmlFor="random_html_id"
+                      >
+                        Trace Groups
+                      </label>
+                    </EuiFormLabel>
+                  </div>
+                  <div
+                    className="euiFormRow__fieldWrapper"
+                  >
+                    <EuiComboBox
+                      aria-describedby="random_html_id-help"
+                      aria-label="Select trace groups"
+                      async={false}
+                      compressed={false}
+                      data-test-subj="traceGroupsComboBox"
+                      fullWidth={false}
+                      id="random_html_id"
+                      isClearable={false}
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onCreateOption={[Function]}
+                      onFocus={[Function]}
+                      options={Array []}
+                      placeholder="Select or add trace groups"
+                      selectedOptions={Array []}
+                      singleSelection={false}
+                      sortMatchesBy="none"
+                    >
+                      <div
+                        aria-describedby="random_html_id-help"
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-label="Select trace groups"
+                        className="euiComboBox"
+                        data-test-subj="traceGroupsComboBox"
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        role="combobox"
+                      >
+                        <EuiComboBoxInput
+                          autoSizeInputRef={[Function]}
+                          compressed={false}
+                          fullWidth={false}
+                          hasSelectedOptions={false}
+                          id="random_html_id"
+                          inputRef={[Function]}
+                          isListOpen={false}
+                          noIcon={false}
+                          onChange={[Function]}
+                          onClick={[Function]}
+                          onCloseListClick={[Function]}
+                          onFocus={[Function]}
+                          onOpenListClick={[Function]}
+                          onRemoveOption={[Function]}
+                          placeholder="Select or add trace groups"
+                          rootId={[Function]}
+                          searchValue=""
+                          selectedOptions={Array []}
+                          singleSelection={false}
+                          toggleButtonRef={[Function]}
+                          updatePosition={[Function]}
+                          value=""
+                        >
+                          <EuiFormControlLayout
+                            compressed={false}
+                            fullWidth={false}
+                            icon={
+                              Object {
+                                "aria-label": "Open list of options",
+                                "data-test-subj": "comboBoxToggleListButton",
+                                "disabled": undefined,
+                                "onClick": [Function],
+                                "ref": [Function],
+                                "side": "right",
+                                "type": "arrowDown",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiFormControlLayout"
+                            >
+                              <div
+                                className="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  className="euiComboBox__inputWrap"
+                                  data-test-subj="comboBoxInput"
+                                  onClick={[Function]}
+                                  tabIndex={-1}
+                                >
+                                  <p
+                                    className="euiComboBoxPlaceholder"
+                                  >
+                                    Select or add trace groups
+                                  </p>
+                                  <AutosizeInput
+                                    aria-controls=""
+                                    className="euiComboBox__input"
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    injectStyles={true}
+                                    inputRef={[Function]}
+                                    minWidth={1}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    role="textbox"
+                                    style={
+                                      Object {
+                                        "fontSize": 14,
+                                      }
+                                    }
+                                    value=""
+                                  >
+                                    <div
+                                      className="euiComboBox__input"
+                                      style={
+                                        Object {
+                                          "display": "inline-block",
+                                          "fontSize": 14,
+                                        }
+                                      }
+                                    >
+                                      <input
+                                        aria-controls=""
+                                        data-test-subj="comboBoxSearchInput"
+                                        id="random_html_id"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        role="textbox"
+                                        style={
+                                          Object {
+                                            "boxSizing": "content-box",
+                                            "width": "2px",
+                                          }
+                                        }
+                                        value=""
+                                      />
+                                      <div
+                                        style={
+                                          Object {
+                                            "height": 0,
+                                            "left": 0,
+                                            "overflow": "scroll",
+                                            "position": "absolute",
+                                            "top": 0,
+                                            "visibility": "hidden",
+                                            "whiteSpace": "pre",
+                                          }
+                                        }
+                                      />
+                                    </div>
+                                  </AutosizeInput>
+                                </div>
+                                <EuiFormControlLayoutIcons
+                                  icon={
+                                    Object {
+                                      "aria-label": "Open list of options",
+                                      "data-test-subj": "comboBoxToggleListButton",
+                                      "disabled": undefined,
+                                      "onClick": [Function],
+                                      "ref": [Function],
+                                      "side": "right",
+                                      "type": "arrowDown",
+                                    }
+                                  }
+                                >
+                                  <div
+                                    className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                  >
+                                    <EuiFormControlLayoutCustomIcon
+                                      aria-label="Open list of options"
+                                      data-test-subj="comboBoxToggleListButton"
+                                      iconRef={[Function]}
+                                      onClick={[Function]}
+                                      type="arrowDown"
+                                    >
+                                      <button
+                                        aria-label="Open list of options"
+                                        className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                        data-test-subj="comboBoxToggleListButton"
+                                        onClick={[Function]}
+                                        type="button"
+                                      >
+                                        <EuiIcon
+                                          aria-hidden="true"
+                                          className="euiFormControlLayoutCustomIcon__icon"
+                                          type="arrowDown"
+                                        >
+                                          <EuiIconEmpty
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                            focusable="false"
+                                            role="img"
+                                            style={null}
+                                          >
+                                            <svg
+                                              aria-hidden={true}
+                                              className="euiIcon euiIcon--medium 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"
+                                            />
+                                          </EuiIconEmpty>
+                                        </EuiIcon>
+                                      </button>
+                                    </EuiFormControlLayoutCustomIcon>
+                                  </div>
+                                </EuiFormControlLayoutIcons>
+                              </div>
+                            </div>
+                          </EuiFormControlLayout>
+                        </EuiComboBoxInput>
+                      </div>
+                    </EuiComboBox>
+                    <EuiFormHelpText
+                      className="euiFormRow__text"
+                      id="random_html_id-help"
+                    >
+                      <div
+                        className="euiFormHelpText euiFormRow__text"
+                        id="random_html_id-help"
+                      >
+                        Select one or multiple trace groups, or type a custom one
+                      </div>
+                    </EuiFormHelpText>
+                  </div>
+                </div>
+              </EuiFormRow>
+              <EuiSpacer>
+                <div
+                  className="euiSpacer euiSpacer--l"
+                />
+              </EuiSpacer>
+              <DashboardTable
+                addFilter={[Function]}
+                addPercentileFilter={[Function]}
+                filters={Array []}
+                items={Array []}
+                loading={true}
+                page="app"
+                setRedirect={[Function]}
+              >
+                <EuiPanel>
+                  <div
+                    className="euiPanel euiPanel--paddingMedium"
+                  >
+                    <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="Latency by trace group"
+                              totalItems={0}
+                            >
+                              <EuiText
+                                size="m"
+                              >
+                                <div
+                                  className="euiText euiText--medium"
+                                >
+                                  <span
+                                    className="panel-title"
+                                  >
+                                    Latency by trace group
+                                  </span>
+                                  <span
+                                    className="panel-title-count"
+                                  >
+                                     (0)
+                                  </span>
+                                </div>
+                              </EuiText>
+                            </PanelTitle>
+                          </div>
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={false}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <EuiLink
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              onClick={[Function]}
+                            >
+                              <button
+                                className="euiLink euiLink--primary"
+                                data-test-subj="dashboard-table-percentile-button-1"
+                                disabled={false}
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <EuiText
+                                  size="xs"
+                                >
+                                  <div
+                                    className="euiText euiText--extraSmall"
+                                  >
+                                    <span
+                                      style={
+                                        Object {
+                                          "color": "#957ac9",
+                                        }
+                                      }
+                                    >
+                                      □
+                                    </span>
+                                     &lt; 95 percentile
+                                  </div>
+                                </EuiText>
+                              </button>
+                            </EuiLink>
+                          </div>
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={1}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrow1"
+                          />
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={false}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <EuiLink
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              onClick={[Function]}
+                            >
+                              <button
+                                className="euiLink euiLink--primary"
+                                data-test-subj="dashboard-table-percentile-button-2"
+                                disabled={false}
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <EuiText
+                                  size="xs"
+                                >
+                                  <div
+                                    className="euiText euiText--extraSmall"
+                                  >
+                                    <span
+                                      style={
+                                        Object {
+                                          "color": "#957ac9",
+                                        }
+                                      }
+                                    >
+                                      ■
+                                    </span>
+                                     &gt;= 95 percentile
+                                  </div>
+                                </EuiText>
+                              </button>
+                            </EuiLink>
+                          </div>
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={1}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrow1"
+                          />
+                        </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>
+                            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"
+                        >
+                          <EuiTextColor
+                            color="subdued"
+                          >
+                            <span
+                              className="euiTextColor euiTextColor--subdued"
+                            >
+                              <EuiTitle
+                                size="m"
+                              >
+                                <h2
+                                  className="euiTitle euiTitle--medium"
+                                >
+                                  No matches
+                                </h2>
+                              </EuiTitle>
+                              <EuiSpacer
+                                size="m"
+                              >
+                                <div
+                                  className="euiSpacer euiSpacer--m"
+                                />
+                              </EuiSpacer>
+                              <EuiText>
+                                <div
+                                  className="euiText euiText--medium"
+                                >
+                                  <EuiText>
+                                    <div
+                                      className="euiText euiText--medium"
+                                    >
+                                      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>
+              </DashboardTable>
+            </div>
+          </div>
+        </EuiResizeObserver>
+      </div>
+    </div>
+  </EuiAccordion>
+</TraceConfig>
+`;
+
+exports[`Trace Config component renders with one trace selected 1`] = `
+<TraceConfig
+  chrome={
+    Object {
+      "getIsNavDrawerLocked$": [MockFunction],
+      "setBreadcrumbs": [MockFunction],
+    }
+  }
+  dslService={
+    Object {
+      "fetch": [MockFunction],
+      "fetchFields": [MockFunction],
+      "fetchIndices": [MockFunction],
+      "http": [MockFunction],
+    }
+  }
+  endTime="now"
+  filters={
+    Array [
+      Object {
+        "disabled": false,
+        "field": "traceGroup",
+        "inverted": false,
+        "operator": "is",
+        "value": "test.auto",
+      },
+    ]
+  }
+  http={[MockFunction]}
+  indicesExist={true}
+  parentBreadcrumb={
+    Object {
+      "href": "test#/",
+      "text": "test",
+    }
+  }
+  query=""
+  selectedTraces={Array []}
+  setEndTime={[MockFunction]}
+  setFilters={[MockFunction]}
+  setQuery={[MockFunction]}
+  setSelectedTraces={
+    [MockFunction] {
+      "calls": Array [
+        Array [
+          Array [
+            Object {
+              "label": "test.auto",
+            },
+          ],
+        ],
+      ],
+      "results": Array [
+        Object {
+          "type": "return",
+          "value": undefined,
+        },
+      ],
+    }
+  }
+  setStartTime={[MockFunction]}
+  startTime="now-5m"
+>
+  <EuiAccordion
+    arrowDisplay="left"
+    buttonContent={
+      <React.Fragment>
+        <EuiText
+          size="s"
+        >
+          <h3>
+            Trace Groups  
+            <EuiBadge>
+              0
+            </EuiBadge>
+          </h3>
+        </EuiText>
+        <EuiSpacer
+          size="s"
+        />
+        <EuiText
+          color="subdued"
+          size="s"
+        >
+          Constrain your application to specific trace groups
+        </EuiText>
+      </React.Fragment>
+    }
+    extraAction={
+      <EuiButton
+        disabled={true}
+        onClick={[Function]}
+        size="s"
+      >
+        Clear all
+      </EuiButton>
+    }
+    id="traceGroups"
+    initialIsOpen={false}
+    isLoading={false}
+    isLoadingMessage={false}
+    onToggle={[Function]}
+    paddingSize="l"
+  >
+    <div
+      className="euiAccordion"
+      onToggle={[Function]}
+    >
+      <div
+        className="euiAccordion__triggerWrapper"
+      >
+        <button
+          aria-controls="traceGroups"
+          aria-expanded={false}
+          className="euiAccordion__button"
+          id="random_html_id"
+          onClick={[Function]}
+          type="button"
+        >
+          <span
+            className="euiAccordion__iconWrapper"
+          >
+            <EuiIcon
+              className="euiAccordion__icon"
+              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.069l4.611-4.685a.546.546 0 000-.768L5.158 2.93a.552.552 0 010-.771.53.53 0 01.759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 01-.76 0 .552.552 0 010-.771z"
+                    fillRule="nonzero"
+                  />
+                </svg>
+              </EuiIconArrowRight>
+            </EuiIcon>
+          </span>
+          <span
+            className="euiIEFlexWrapFix"
+          >
+            <EuiText
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <h3>
+                  Trace Groups  
+                  <EuiBadge>
+                    <EuiInnerText>
+                      <span
+                        className="euiBadge euiBadge--iconLeft"
+                        style={
+                          Object {
+                            "backgroundColor": "#d3dae6",
+                            "color": "#000",
+                          }
+                        }
+                        title="0"
+                      >
+                        <span
+                          className="euiBadge__content"
+                        >
+                          0
+                        </span>
+                      </span>
+                    </EuiInnerText>
+                  </EuiBadge>
+                </h3>
+              </div>
+            </EuiText>
+            <EuiSpacer
+              size="s"
+            >
+              <div
+                className="euiSpacer euiSpacer--s"
+              />
+            </EuiSpacer>
+            <EuiText
+              color="subdued"
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
+              >
+                <EuiTextColor
+                  color="subdued"
+                  component="div"
+                >
+                  <div
+                    className="euiTextColor euiTextColor--subdued"
+                  >
+                    Constrain your application to specific trace groups
+                  </div>
+                </EuiTextColor>
+              </div>
+            </EuiText>
+          </span>
+        </button>
+        <div
+          className="euiAccordion__optionalAction"
+        >
+          <EuiButton
+            disabled={true}
+            onClick={[Function]}
+            size="s"
+          >
+            <EuiButtonDisplay
+              disabled={true}
+              element="button"
+              isDisabled={true}
+              onClick={[Function]}
+              size="s"
+              type="button"
+            >
+              <button
+                className="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
+                disabled={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <EuiButtonContent
+                  className="euiButton__content"
+                  iconSide="left"
+                  textProps={
+                    Object {
+                      "className": "euiButton__text",
+                    }
+                  }
+                >
+                  <span
+                    className="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      className="euiButton__text"
+                    >
+                      Clear all
+                    </span>
+                  </span>
+                </EuiButtonContent>
+              </button>
+            </EuiButtonDisplay>
+          </EuiButton>
+        </div>
+      </div>
+      <div
+        className="euiAccordion__childWrapper"
+        id="traceGroups"
+      >
+        <EuiResizeObserver
+          onResize={[Function]}
+        >
+          <div>
+            <div
+              className="euiAccordion__padding--l"
+            >
+              <EuiFormRow
+                describedByIds={Array []}
+                display="row"
+                fullWidth={false}
+                hasChildLabel={true}
+                hasEmptyLabelSpace={false}
+                helpText="Select one or multiple trace groups, or type a custom one"
+                label="Trace Groups"
+                labelType="label"
+              >
+                <div
+                  className="euiFormRow"
+                  id="random_html_id-row"
+                >
+                  <div
+                    className="euiFormRow__labelWrapper"
+                  >
+                    <EuiFormLabel
+                      className="euiFormRow__label"
+                      htmlFor="random_html_id"
+                      isFocused={false}
+                      type="label"
+                    >
+                      <label
+                        className="euiFormLabel euiFormRow__label"
+                        htmlFor="random_html_id"
+                      >
+                        Trace Groups
+                      </label>
+                    </EuiFormLabel>
+                  </div>
+                  <div
+                    className="euiFormRow__fieldWrapper"
+                  >
+                    <EuiComboBox
+                      aria-describedby="random_html_id-help"
+                      aria-label="Select trace groups"
+                      async={false}
+                      compressed={false}
+                      data-test-subj="traceGroupsComboBox"
+                      fullWidth={false}
+                      id="random_html_id"
+                      isClearable={false}
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onCreateOption={[Function]}
+                      onFocus={[Function]}
+                      options={Array []}
+                      placeholder="Select or add trace groups"
+                      selectedOptions={Array []}
+                      singleSelection={false}
+                      sortMatchesBy="none"
+                    >
+                      <div
+                        aria-describedby="random_html_id-help"
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-label="Select trace groups"
+                        className="euiComboBox"
+                        data-test-subj="traceGroupsComboBox"
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        role="combobox"
+                      >
+                        <EuiComboBoxInput
+                          autoSizeInputRef={[Function]}
+                          compressed={false}
+                          fullWidth={false}
+                          hasSelectedOptions={false}
+                          id="random_html_id"
+                          inputRef={[Function]}
+                          isListOpen={false}
+                          noIcon={false}
+                          onChange={[Function]}
+                          onClick={[Function]}
+                          onCloseListClick={[Function]}
+                          onFocus={[Function]}
+                          onOpenListClick={[Function]}
+                          onRemoveOption={[Function]}
+                          placeholder="Select or add trace groups"
+                          rootId={[Function]}
+                          searchValue=""
+                          selectedOptions={Array []}
+                          singleSelection={false}
+                          toggleButtonRef={[Function]}
+                          updatePosition={[Function]}
+                          value=""
+                        >
+                          <EuiFormControlLayout
+                            compressed={false}
+                            fullWidth={false}
+                            icon={
+                              Object {
+                                "aria-label": "Open list of options",
+                                "data-test-subj": "comboBoxToggleListButton",
+                                "disabled": undefined,
+                                "onClick": [Function],
+                                "ref": [Function],
+                                "side": "right",
+                                "type": "arrowDown",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiFormControlLayout"
+                            >
+                              <div
+                                className="euiFormControlLayout__childrenWrapper"
+                              >
+                                <div
+                                  className="euiComboBox__inputWrap"
+                                  data-test-subj="comboBoxInput"
+                                  onClick={[Function]}
+                                  tabIndex={-1}
+                                >
+                                  <p
+                                    className="euiComboBoxPlaceholder"
+                                  >
+                                    Select or add trace groups
+                                  </p>
+                                  <AutosizeInput
+                                    aria-controls=""
+                                    className="euiComboBox__input"
+                                    data-test-subj="comboBoxSearchInput"
+                                    id="random_html_id"
+                                    injectStyles={true}
+                                    inputRef={[Function]}
+                                    minWidth={1}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    role="textbox"
+                                    style={
+                                      Object {
+                                        "fontSize": 14,
+                                      }
+                                    }
+                                    value=""
+                                  >
+                                    <div
+                                      className="euiComboBox__input"
+                                      style={
+                                        Object {
+                                          "display": "inline-block",
+                                          "fontSize": 14,
+                                        }
+                                      }
+                                    >
+                                      <input
+                                        aria-controls=""
+                                        data-test-subj="comboBoxSearchInput"
+                                        id="random_html_id"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        role="textbox"
+                                        style={
+                                          Object {
+                                            "boxSizing": "content-box",
+                                            "width": "2px",
+                                          }
+                                        }
+                                        value=""
+                                      />
+                                      <div
+                                        style={
+                                          Object {
+                                            "height": 0,
+                                            "left": 0,
+                                            "overflow": "scroll",
+                                            "position": "absolute",
+                                            "top": 0,
+                                            "visibility": "hidden",
+                                            "whiteSpace": "pre",
+                                          }
+                                        }
+                                      />
+                                    </div>
+                                  </AutosizeInput>
+                                </div>
+                                <EuiFormControlLayoutIcons
+                                  icon={
+                                    Object {
+                                      "aria-label": "Open list of options",
+                                      "data-test-subj": "comboBoxToggleListButton",
+                                      "disabled": undefined,
+                                      "onClick": [Function],
+                                      "ref": [Function],
+                                      "side": "right",
+                                      "type": "arrowDown",
+                                    }
+                                  }
+                                >
+                                  <div
+                                    className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                  >
+                                    <EuiFormControlLayoutCustomIcon
+                                      aria-label="Open list of options"
+                                      data-test-subj="comboBoxToggleListButton"
+                                      iconRef={[Function]}
+                                      onClick={[Function]}
+                                      type="arrowDown"
+                                    >
+                                      <button
+                                        aria-label="Open list of options"
+                                        className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                                        data-test-subj="comboBoxToggleListButton"
+                                        onClick={[Function]}
+                                        type="button"
+                                      >
+                                        <EuiIcon
+                                          aria-hidden="true"
+                                          className="euiFormControlLayoutCustomIcon__icon"
+                                          type="arrowDown"
+                                        >
+                                          <EuiIconArrowDown
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                                            focusable="false"
+                                            role="img"
+                                            style={null}
+                                          >
+                                            <svg
+                                              aria-hidden={true}
+                                              className="euiIcon euiIcon--medium 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="M13.069 5.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
+                                                fillRule="non-zero"
+                                              />
+                                            </svg>
+                                          </EuiIconArrowDown>
+                                        </EuiIcon>
+                                      </button>
+                                    </EuiFormControlLayoutCustomIcon>
+                                  </div>
+                                </EuiFormControlLayoutIcons>
+                              </div>
+                            </div>
+                          </EuiFormControlLayout>
+                        </EuiComboBoxInput>
+                      </div>
+                    </EuiComboBox>
+                    <EuiFormHelpText
+                      className="euiFormRow__text"
+                      id="random_html_id-help"
+                    >
+                      <div
+                        className="euiFormHelpText euiFormRow__text"
+                        id="random_html_id-help"
+                      >
+                        Select one or multiple trace groups, or type a custom one
+                      </div>
+                    </EuiFormHelpText>
+                  </div>
+                </div>
+              </EuiFormRow>
+              <EuiSpacer>
+                <div
+                  className="euiSpacer euiSpacer--l"
+                />
+              </EuiSpacer>
+              <DashboardTable
+                addFilter={[Function]}
+                addPercentileFilter={[Function]}
+                filters={Array []}
+                items={Array []}
+                loading={true}
+                page="app"
+                setRedirect={[Function]}
+              >
+                <EuiPanel>
+                  <div
+                    className="euiPanel euiPanel--paddingMedium"
+                  >
+                    <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="Latency by trace group"
+                              totalItems={0}
+                            >
+                              <EuiText
+                                size="m"
+                              >
+                                <div
+                                  className="euiText euiText--medium"
+                                >
+                                  <span
+                                    className="panel-title"
+                                  >
+                                    Latency by trace group
+                                  </span>
+                                  <span
+                                    className="panel-title-count"
+                                  >
+                                     (0)
+                                  </span>
+                                </div>
+                              </EuiText>
+                            </PanelTitle>
+                          </div>
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={false}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <EuiLink
+                              data-test-subj="dashboard-table-percentile-button-1"
+                              onClick={[Function]}
+                            >
+                              <button
+                                className="euiLink euiLink--primary"
+                                data-test-subj="dashboard-table-percentile-button-1"
+                                disabled={false}
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <EuiText
+                                  size="xs"
+                                >
+                                  <div
+                                    className="euiText euiText--extraSmall"
+                                  >
+                                    <span
+                                      style={
+                                        Object {
+                                          "color": "#957ac9",
+                                        }
+                                      }
+                                    >
+                                      □
+                                    </span>
+                                     &lt; 95 percentile
+                                  </div>
+                                </EuiText>
+                              </button>
+                            </EuiLink>
+                          </div>
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={1}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrow1"
+                          />
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={false}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <EuiLink
+                              data-test-subj="dashboard-table-percentile-button-2"
+                              onClick={[Function]}
+                            >
+                              <button
+                                className="euiLink euiLink--primary"
+                                data-test-subj="dashboard-table-percentile-button-2"
+                                disabled={false}
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <EuiText
+                                  size="xs"
+                                >
+                                  <div
+                                    className="euiText euiText--extraSmall"
+                                  >
+                                    <span
+                                      style={
+                                        Object {
+                                          "color": "#957ac9",
+                                        }
+                                      }
+                                    >
+                                      ■
+                                    </span>
+                                     &gt;= 95 percentile
+                                  </div>
+                                </EuiText>
+                              </button>
+                            </EuiLink>
+                          </div>
+                        </EuiFlexItem>
+                        <EuiFlexItem
+                          grow={1}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrow1"
+                          />
+                        </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>
+                            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"
+                        >
+                          <EuiTextColor
+                            color="subdued"
+                          >
+                            <span
+                              className="euiTextColor euiTextColor--subdued"
+                            >
+                              <EuiTitle
+                                size="m"
+                              >
+                                <h2
+                                  className="euiTitle euiTitle--medium"
+                                >
+                                  No matches
+                                </h2>
+                              </EuiTitle>
+                              <EuiSpacer
+                                size="m"
+                              >
+                                <div
+                                  className="euiSpacer euiSpacer--m"
+                                />
+                              </EuiSpacer>
+                              <EuiText>
+                                <div
+                                  className="euiText euiText--medium"
+                                >
+                                  <EuiText>
+                                    <div
+                                      className="euiText euiText--medium"
+                                    >
+                                      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>
+              </DashboardTable>
+            </div>
+          </div>
+        </EuiResizeObserver>
+      </div>
+    </div>
+  </EuiAccordion>
+</TraceConfig>
+`;
diff --git a/dashboards-observability/public/components/application_analytics/__tests__/create.test.tsx b/dashboards-observability/public/components/application_analytics/__tests__/create.test.tsx
new file mode 100644
index 000000000..28659b4c0
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/create.test.tsx
@@ -0,0 +1,201 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import { CreateApp } from '../components/create';
+import { coreStartMock } from '../../../../test/__mocks__/coreMocks';
+import DSLService from 'public/services/requests/dsl';
+import { render } from '@testing-library/react';
+
+describe('Create Page', () => {
+  configure({ adapter: new Adapter() });
+
+  it('renders empty', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const utils = render(
+      <CreateApp
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={[]}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+      />
+    );
+
+    expect(utils).toMatchSnapshot();
+  });
+
+  it('renders with query', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const utils = render(
+      <CreateApp
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query="source = openserach_dashboard_sample_logs"
+        setQuery={setQuery}
+        filters={[]}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+      />
+    );
+    utils.getByText('Log Source').click();
+    utils.getByText('Clear').click();
+    utils.getByText('Cancel').click();
+
+    expect(utils).toMatchSnapshot();
+  });
+
+  it('can clear query', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const utils = render(
+      <CreateApp
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query="source = openserach_dashboard_sample_logs"
+        setQuery={setQuery}
+        filters={[]}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+      />
+    );
+    utils.getByText('Log Source').click();
+    utils.getByText('Clear').click();
+    utils.getByText('Clear').click();
+
+    expect(utils).toMatchSnapshot();
+  });
+
+  it('renders with one service selected', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const serviceFilters = [{
+      field: 'serviceName',
+      operator: 'is',
+      value: 'User',
+      inverted: false, 
+      disabled: false 
+    }];
+    const utils = render(
+      <CreateApp
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={serviceFilters}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+      />
+    );
+    utils.getByText('Select services & entities to include in this application').click();
+
+    expect(utils).toMatchSnapshot();
+  });
+  it('renders with one trace selected', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const traceFilters = [{
+      field: 'traceGroup',
+      operator: 'is',
+      value: 'test.auto',
+      inverted: false, 
+      disabled: false 
+    }];
+    const utils = render(
+      <CreateApp
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={traceFilters}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+      />
+    );
+
+    expect(utils).toMatchSnapshot();
+  });
+});
\ No newline at end of file
diff --git a/dashboards-observability/public/components/application_analytics/__tests__/log_config.test.tsx b/dashboards-observability/public/components/application_analytics/__tests__/log_config.test.tsx
new file mode 100644
index 000000000..69abaae53
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/log_config.test.tsx
@@ -0,0 +1,85 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { configure, mount } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import { LogConfig } from '../components/config_components/log_config';
+import { coreStartMock } from '../../../../test/__mocks__/coreMocks';
+import DSLService from 'public/services/requests/dsl';
+
+describe('Log Config component', () => {
+  configure({ adapter: new Adapter() });
+
+  it('renders empty log config', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const setIsFlyoutVisible = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const wrapper = mount(
+      <LogConfig
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={[]}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+        setIsFlyoutVisible={setIsFlyoutVisible}
+        />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('renders with query', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const setIsFlyoutVisible = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const wrapper = mount(
+      <LogConfig
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query="source = openserach_dashboard_sample_logs"
+        setQuery={setQuery}
+        filters={[]}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+        setIsFlyoutVisible={setIsFlyoutVisible}
+        />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});
\ No newline at end of file
diff --git a/dashboards-observability/public/components/application_analytics/__tests__/service_config.test.tsx b/dashboards-observability/public/components/application_analytics/__tests__/service_config.test.tsx
new file mode 100644
index 000000000..4ecd6e56d
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/service_config.test.tsx
@@ -0,0 +1,94 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { configure, mount } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import { ServiceConfig } from '../components/config_components/service_config';
+import { coreStartMock } from '../../../../test/__mocks__/coreMocks';
+import DSLService from 'public/services/requests/dsl';
+
+describe('Service Config component', () => {
+  configure({ adapter: new Adapter() });
+
+  it('renders empty service config', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const setSelectedServices = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const wrapper = mount(
+      <ServiceConfig
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={[]}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+        selectedServices={[]}
+        setSelectedServices={setSelectedServices}
+        />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('renders with one service selected', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const setSelectedServices = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const serviceFilter = [{
+      field: 'serviceName',
+      operator: 'is',
+      value: 'User',
+      inverted: false, 
+      disabled: false 
+    }];
+    const wrapper = mount(
+      <ServiceConfig
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={serviceFilter}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+        selectedServices={[]}
+        setSelectedServices={setSelectedServices}
+        />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/dashboards-observability/public/components/application_analytics/__tests__/trace_config.test.tsx b/dashboards-observability/public/components/application_analytics/__tests__/trace_config.test.tsx
new file mode 100644
index 000000000..0bcbbadf5
--- /dev/null
+++ b/dashboards-observability/public/components/application_analytics/__tests__/trace_config.test.tsx
@@ -0,0 +1,94 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { configure, mount } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import { TraceConfig } from '../components/config_components/trace_config';
+import { coreStartMock } from '../../../../test/__mocks__/coreMocks';
+import DSLService from 'public/services/requests/dsl';
+
+describe('Trace Config component', () => {
+  configure({ adapter: new Adapter() });
+
+  it('renders empty trace config', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const setSelectedTraces = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const wrapper = mount(
+      <TraceConfig
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={[]}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+        selectedTraces={[]}
+        setSelectedTraces={setSelectedTraces}
+        />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('renders with one trace selected', () => {
+    const core = coreStartMock;
+    const setQuery = jest.fn();
+    const setFilters = jest.fn();
+    const setStartTime = jest.fn();
+    const setEndTime = jest.fn();
+    const setSelectedTraces = jest.fn();
+    const dslService = {
+      http: jest.fn(),
+      fetch: jest.fn(),
+      fetchIndices: jest.fn(),
+      fetchFields: jest.fn()
+    } as unknown as DSLService;
+    const traceFilter = [{
+      field: 'traceGroup',
+      operator: 'is',
+      value: 'test.auto',
+      inverted: false, 
+      disabled: false 
+    }];
+    const wrapper = mount(
+      <TraceConfig
+        http={core.http}
+        chrome={core.chrome}
+        parentBreadcrumb={{ text: 'test', href: 'test#/' }}
+        query=""
+        setQuery={setQuery}
+        filters={traceFilter}
+        setFilters={setFilters}
+        startTime="now-5m"
+        setStartTime={setStartTime}
+        endTime="now"
+        setEndTime={setEndTime}
+        indicesExist={true} 
+        dslService={dslService}
+        selectedTraces={[]}
+        setSelectedTraces={setSelectedTraces}
+        />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});
\ No newline at end of file
diff --git a/dashboards-observability/public/components/application_analytics/components/application.tsx b/dashboards-observability/public/components/application_analytics/components/application.tsx
index 3e1816570..3c0af6d13 100644
--- a/dashboards-observability/public/components/application_analytics/components/application.tsx
+++ b/dashboards-observability/public/components/application_analytics/components/application.tsx
@@ -24,7 +24,7 @@ import DSLService from 'public/services/requests/dsl';
 import PPLService from 'public/services/requests/ppl';
 import SavedObjects from 'public/services/saved_objects/event_analytics/saved_objects';
 import TimestampUtils from 'public/services/timestamp/timestamp';
-import React, { ReactChild, useMemo, useState } from 'react';
+import React, { ReactChild, useState } from 'react';
 import { isEmpty, uniqueId } from 'lodash';
 import { 
   TAB_CONFIG_ID_TXT_PFX, 
@@ -111,13 +111,13 @@ export function Application(props: AppDetailProps) {
   const getTrace = () => {
     return (
       <>
-      <Traces {...props} page="app" appId="id" appName="Cool Application" />
-      <EuiSpacer size='m'/>
-      <SpanDetailPanel
-        {...props}
-        traceId="id"
-        colorMap="color" 
-      />
+        <Traces {...props} page="app" appId="id" appName="Cool Application" />
+        <EuiSpacer size='m'/>
+        <SpanDetailPanel
+          {...props}
+          traceId="id"
+          colorMap="color" 
+        />
     </>
     );
   };
@@ -136,7 +136,7 @@ export function Application(props: AppDetailProps) {
         // App Analytics will not be saving queries on Log Events
         savedObjectId={''} 
         getExistingEmptyTab={getExistingEmptyTab}
-        />
+      />
     );
   };
 
@@ -173,8 +173,7 @@ export function Application(props: AppDetailProps) {
     };
   };
 
-  const getAppAnalyticsTabs = () => {
-    return [
+  const appAnalyticsTabs = [
         getAppAnalyticsTab(
           {
             tabId: TAB_OVERVIEW_ID,
@@ -211,13 +210,6 @@ export function Application(props: AppDetailProps) {
           }
         )
     ];
-  };
-  
-
-  const memorizedAppAnalyticsTabs = useMemo(() => {
-    return getAppAnalyticsTabs();
-  },
-  []);
 
   return (
     <div>
@@ -232,10 +224,10 @@ export function Application(props: AppDetailProps) {
         </EuiPageHeader>
         <EuiTabbedContent
           className="appAnalyticsTabs"
-          initialSelectedTab={ memorizedAppAnalyticsTabs[0] }
-          selectedTab={ memorizedAppAnalyticsTabs.find(tab => { tab.id === selectedTabId }) }
+          initialSelectedTab={ appAnalyticsTabs[0] }
+          selectedTab={ appAnalyticsTabs.find(tab => { tab.id === selectedTabId }) }
           onTabClick={ (selectedTab: EuiTabbedContentTab) => handleContentTabClick(selectedTab) }
-          tabs={ memorizedAppAnalyticsTabs }
+          tabs={ appAnalyticsTabs }
       />
       </EuiPageBody>
     </EuiPage>
diff --git a/dashboards-observability/public/components/application_analytics/components/config_components/log_config.tsx b/dashboards-observability/public/components/application_analytics/components/config_components/log_config.tsx
index 297e409c4..18e430b90 100644
--- a/dashboards-observability/public/components/application_analytics/components/config_components/log_config.tsx
+++ b/dashboards-observability/public/components/application_analytics/components/config_components/log_config.tsx
@@ -51,8 +51,8 @@ export const LogConfig = (props: LogConfigProps) => {
       getClearModal(
         onCancel, 
         onConfirm, 
-        'Clear log source', 
-        'Are you sure you would like to clear the log source?', 
+        'Clear log source?', 
+        'This will clear all information in log source configuration.', 
         'Clear'
       )
     );
@@ -61,48 +61,48 @@ export const LogConfig = (props: LogConfigProps) => {
 
   return (
     <div>
-    <EuiAccordion
-      id="logSource"
-      buttonContent={
-        <>
-        <EuiText size="s">
-        <h3>Log Source</h3>
-        </EuiText>
-        <EuiSpacer size="s" />
-        <EuiText size="s" color="subdued">
-        Configure your application base query
-        </EuiText>
-        </>
-      }
-      extraAction={<EuiButton size="s" disabled={!logOpen || !query.length} onClick={clearAllModal}>Clear</EuiButton>}
-      onToggle={(isOpen) => {setLogOpen(isOpen)}}
-      paddingSize="l"
-    >
-      <EuiFormRow
-      label="PPL Base Query"
-      helpText="The default logs view in the application will be filtered by this query."
+      <EuiAccordion
+        id="logSource"
+        buttonContent={
+          <>
+          <EuiText size="s">
+          <h3>Log Source</h3>
+          </EuiText>
+          <EuiSpacer size="s" />
+          <EuiText size="s" color="subdued">
+          Configure your application base query
+          </EuiText>
+          </>
+        }
+        extraAction={<EuiButton size="s" disabled={!logOpen || !query.length} onClick={clearAllModal}>Clear</EuiButton>}
+        onToggle={(isOpen) => {setLogOpen(isOpen)}}
+        paddingSize="l"
       >
-        <EuiFlexItem grow={false} key="query-bar" className="query-area">
-          <Autocomplete
-            key={'autocomplete-bar'}
-            query={query}
-            tempQuery={tempQuery}
-            handleQueryChange={handleQueryChange}
-            handleQuerySearch={() => {}}
-            dslService={dslService}
-          />
-          <EuiBadge 
-            className={`ppl-link ${uiSettingsService.get('theme:darkMode') ? "ppl-link-dark" : "ppl-link-light"}`}
-            color="hollow"
-            onClick={() => showFlyout()}
-            onClickAriaLabel={"pplLinkShowFlyout"}
-          >
-            PPL
-          </EuiBadge>
-        </EuiFlexItem>
-      </EuiFormRow>
-    </EuiAccordion>
-    {isModalVisible && modalLayout}
+        <EuiFormRow
+        label="PPL Base Query"
+        helpText="The default logs view in the application will be filtered by this query."
+        >
+          <EuiFlexItem grow={false} key="query-bar" className="query-area">
+            <Autocomplete
+              key={'autocomplete-bar'}
+              query={query}
+              tempQuery={tempQuery}
+              handleQueryChange={handleQueryChange}
+              handleQuerySearch={() => {}}
+              dslService={dslService}
+            />
+            <EuiBadge 
+              className={`ppl-link ${uiSettingsService.get('theme:darkMode') ? "ppl-link-dark" : "ppl-link-light"}`}
+              color="hollow"
+              onClick={() => showFlyout()}
+              onClickAriaLabel={"pplLinkShowFlyout"}
+            >
+              PPL
+            </EuiBadge>
+          </EuiFlexItem>
+        </EuiFormRow>
+      </EuiAccordion>
+      {isModalVisible && modalLayout}
     </div>
   );
 }
\ No newline at end of file
