diff --git a/common/constants/data_sources.ts b/common/constants/data_sources.ts
index 931f1f729..791851662 100644
--- a/common/constants/data_sources.ts
+++ b/common/constants/data_sources.ts
@@ -5,6 +5,8 @@
 
 export const DATA_SOURCE_NAME_URL_PARAM_KEY = 'datasourceName';
 export const DATA_SOURCE_TYPE_URL_PARAM_KEY = 'datasourceType';
+export const OLLY_QUESTION_URL_PARAM_KEY = 'olly_q';
+export const INDEX_URL_PARAM_KEY = 'indexPattern';
 export const DEFAULT_DATA_SOURCE_TYPE = 'DEFAULT_INDEX_PATTERNS';
 export const DEFAULT_DATA_SOURCE_NAME = 'Default cluster';
 export const DEFAULT_DATA_SOURCE_OBSERVABILITY_DISPLAY_NAME = 'OpenSearch';
diff --git a/common/constants/explorer.ts b/common/constants/explorer.ts
index 187d5d40c..d94957c3e 100644
--- a/common/constants/explorer.ts
+++ b/common/constants/explorer.ts
@@ -18,6 +18,7 @@ export const RAW_QUERY = 'rawQuery';
 export const FINAL_QUERY = 'finalQuery';
 export const SELECTED_DATE_RANGE = 'selectedDateRange';
 export const INDEX = 'index';
+export const OLLY_QUERY_ASSISTANT = 'ollyQueryAssistant';
 export const SELECTED_PATTERN_FIELD = 'selectedPatternField';
 export const PATTERN_REGEX = 'patternRegex';
 export const FILTERED_PATTERN = 'filteredPattern';
diff --git a/common/constants/query_assist.ts b/common/constants/query_assist.ts
new file mode 100644
index 000000000..04b38c129
--- /dev/null
+++ b/common/constants/query_assist.ts
@@ -0,0 +1,12 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+const QUERY_ASSIST_API_PREFIX = '/api/observability/query_assist';
+export const QUERY_ASSIST_API = {
+  GENERATE_PPL: `${QUERY_ASSIST_API_PREFIX}/generate_ppl`,
+  SUMMARIZE: `${QUERY_ASSIST_API_PREFIX}/summarize`,
+};
+
+export const ML_COMMONS_API_PREFIX = '/_plugins/_ml';
diff --git a/common/constants/shared.ts b/common/constants/shared.ts
index 9baffcf10..63437dcfa 100644
--- a/common/constants/shared.ts
+++ b/common/constants/shared.ts
@@ -256,3 +256,7 @@ export const S3_DATASOURCE_TYPE = 'S3_DATASOURCE';
 export const ASYNC_QUERY_SESSION_ID = 'async-query-session-id';
 
 export const DIRECT_DUMMY_QUERY = 'select 1';
+
+export const DEFAULT_START_TIME = 'now-15m';
+export const QUERY_ASSIST_START_TIME = 'now-40y';
+export const QUERY_ASSIST_END_TIME = 'now';
diff --git a/opensearch_dashboards.json b/opensearch_dashboards.json
index 98de7b088..1c41f1eac 100644
--- a/opensearch_dashboards.json
+++ b/opensearch_dashboards.json
@@ -18,8 +18,6 @@
     "urlForwarding",
     "visualizations"
   ],
-  "optionalPlugins": [
-    "managementOverview",
-    "assistantDashboards"
-  ]
-}
\ No newline at end of file
+  "optionalPlugins": ["managementOverview", "assistantDashboards"],
+  "configPath": ["observability"]
+}
diff --git a/public/.DS_Store b/public/.DS_Store
deleted file mode 100644
index dbd07c1a1..000000000
Binary files a/public/.DS_Store and /dev/null differ
diff --git a/public/components/common/live_tail/live_tail_button.tsx b/public/components/common/live_tail/live_tail_button.tsx
index 0e53152fa..66bb91591 100644
--- a/public/components/common/live_tail/live_tail_button.tsx
+++ b/public/components/common/live_tail/live_tail_button.tsx
@@ -3,13 +3,13 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-//Define pop over interval options for live tail button in your plugin
+// Define pop over interval options for live tail button in your plugin
 
-import { EuiButton } from "@elastic/eui";
-import React, { useMemo } from "react";
-import { LiveTailProps } from "common/types/explorer";
+import { EuiButton } from '@elastic/eui';
+import React, { useMemo } from 'react';
+import { LiveTailProps } from 'common/types/explorer';
 
-//Live Tail Button
+// Live Tail Button
 export const LiveTailButton = ({
   isLiveTailOn,
   isLiveTailPopoverOpen,
@@ -20,7 +20,7 @@ export const LiveTailButton = ({
   const liveButton = useMemo(() => {
     return (
       <EuiButton
-        iconType={isLiveTailOn ? "stop" : "play"}
+        iconType={isLiveTailOn ? 'stop' : 'clock'}
         iconSide="left"
         onClick={() => setIsLiveTailPopoverOpen(!isLiveTailPopoverOpen)}
         data-test-subj={dataTestSubj}
diff --git a/public/components/common/search/__tests__/__snapshots__/search.test.tsx.snap b/public/components/common/search/__tests__/__snapshots__/search.test.tsx.snap
index 4e2dfbde7..eb6a831c6 100644
--- a/public/components/common/search/__tests__/__snapshots__/search.test.tsx.snap
+++ b/public/components/common/search/__tests__/__snapshots__/search.test.tsx.snap
@@ -12,914 +12,1120 @@ exports[`Explorer Search component renders basic component 1`] = `
     }
   }
 >
-  <Search>
+  <Search
+    tabId="OBSERVABILITY_DEFAULT_TAB"
+  >
     <div
       className="globalQueryBar"
     >
       <EuiFlexGroup
-        alignItems="flexStart"
+        direction="column"
         gutterSize="s"
-        justifyContent="flexStart"
-        wrap={true}
       >
         <div
-          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
+          className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive"
         >
-          <EuiFlexItem
-            className="search-area lang-selector"
-            grow={false}
-            key="lang-selector"
-          >
+          <EuiFlexItem>
             <div
-              className="euiFlexItem euiFlexItem--flexGrowZero search-area lang-selector"
+              className="euiFlexItem"
             >
-              <EuiPopover
-                anchorPosition="downLeft"
-                button={
-                  <EuiButton
-                    color="text"
-                    iconSide="right"
-                    iconType="arrowDown"
-                    onClick={[Function]}
-                  >
-                    PPL
-                  </EuiButton>
-                }
-                closePopover={[Function]}
-                display="inlineBlock"
-                hasArrow={true}
-                id="smallContextMenuExample"
-                isOpen={false}
-                ownFocus={true}
-                panelPaddingSize="none"
+              <EuiFlexGroup
+                alignItems="center"
+                gutterSize="s"
+                justifyContent="flexEnd"
+                wrap={true}
               >
                 <div
-                  className="euiPopover euiPopover--anchorDownLeft"
-                  id="smallContextMenuExample"
+                  className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
                 >
-                  <div
-                    className="euiPopover__anchor"
+                  <EuiFlexItem
+                    className="search-area lang-selector"
+                    grow={false}
+                    key="lang-selector"
                   >
-                    <EuiButton
-                      color="text"
-                      iconSide="right"
-                      iconType="arrowDown"
-                      onClick={[Function]}
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero search-area lang-selector"
                     >
-                      <EuiButtonDisplay
-                        baseClassName="euiButton"
-                        color="text"
-                        disabled={false}
-                        element="button"
-                        iconSide="right"
-                        iconType="arrowDown"
-                        isDisabled={false}
+                      <EuiSuperSelect
+                        compressed={false}
+                        fullWidth={false}
+                        hasDividers={false}
+                        isInvalid={false}
+                        isLoading={false}
+                        onChange={[Function]}
+                        options={
+                          Array [
+                            Object {
+                              "inputDisplay": <EuiText>
+                                PPL
+                              </EuiText>,
+                              "value": "PPL",
+                            },
+                            Object {
+                              "inputDisplay": <EuiText>
+                                DQL
+                              </EuiText>,
+                              "value": "DQL",
+                            },
+                          ]
+                        }
+                        valueOfSelected="PPL"
+                      >
+                        <EuiInputPopover
+                          anchorPosition="downLeft"
+                          attachToAnchor={true}
+                          className="euiSuperSelect"
+                          closePopover={[Function]}
+                          display="block"
+                          fullWidth={false}
+                          input={
+                            <EuiSuperSelectControl
+                              className=""
+                              compressed={false}
+                              fullWidth={false}
+                              isInvalid={false}
+                              isLoading={false}
+                              onClick={[Function]}
+                              onKeyDown={[Function]}
+                              options={
+                                Array [
+                                  Object {
+                                    "inputDisplay": <EuiText>
+                                      PPL
+                                    </EuiText>,
+                                    "value": "PPL",
+                                  },
+                                  Object {
+                                    "inputDisplay": <EuiText>
+                                      DQL
+                                    </EuiText>,
+                                    "value": "DQL",
+                                  },
+                                ]
+                              }
+                              value="PPL"
+                            />
+                          }
+                          isOpen={false}
+                          panelPaddingSize="none"
+                        >
+                          <EuiPopover
+                            anchorPosition="downLeft"
+                            attachToAnchor={true}
+                            button={
+                              <EuiResizeObserver
+                                onResize={[Function]}
+                              >
+                                [Function]
+                              </EuiResizeObserver>
+                            }
+                            buttonRef={[Function]}
+                            className="euiInputPopover euiSuperSelect"
+                            closePopover={[Function]}
+                            display="block"
+                            hasArrow={true}
+                            isOpen={false}
+                            ownFocus={false}
+                            panelPaddingSize="none"
+                            panelRef={[Function]}
+                          >
+                            <EuiOutsideClickDetector
+                              onOutsideClick={[Function]}
+                            >
+                              <div
+                                className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiInputPopover euiSuperSelect"
+                                onKeyDown={[Function]}
+                                onMouseDown={[Function]}
+                                onMouseUp={[Function]}
+                                onTouchEnd={[Function]}
+                                onTouchStart={[Function]}
+                              >
+                                <div
+                                  className="euiPopover__anchor"
+                                >
+                                  <EuiResizeObserver
+                                    onResize={[Function]}
+                                  >
+                                    <div>
+                                      <EuiSuperSelectControl
+                                        className=""
+                                        compressed={false}
+                                        fullWidth={false}
+                                        isInvalid={false}
+                                        isLoading={false}
+                                        onClick={[Function]}
+                                        onKeyDown={[Function]}
+                                        options={
+                                          Array [
+                                            Object {
+                                              "inputDisplay": <EuiText>
+                                                PPL
+                                              </EuiText>,
+                                              "value": "PPL",
+                                            },
+                                            Object {
+                                              "inputDisplay": <EuiText>
+                                                DQL
+                                              </EuiText>,
+                                              "value": "DQL",
+                                            },
+                                          ]
+                                        }
+                                        value="PPL"
+                                      >
+                                        <input
+                                          type="hidden"
+                                          value="PPL"
+                                        />
+                                        <EuiFormControlLayout
+                                          compressed={false}
+                                          fullWidth={false}
+                                          icon={
+                                            Object {
+                                              "side": "right",
+                                              "type": "arrowDown",
+                                            }
+                                          }
+                                          isLoading={false}
+                                        >
+                                          <div
+                                            className="euiFormControlLayout"
+                                          >
+                                            <div
+                                              className="euiFormControlLayout__childrenWrapper"
+                                            >
+                                              <EuiScreenReaderOnly>
+                                                <span
+                                                  className="euiScreenReaderOnly"
+                                                  id="random_html_id"
+                                                >
+                                                  <EuiI18n
+                                                    default="Select an option: {selectedValue}, is selected"
+                                                    token="euiSuperSelectControl.selectAnOption"
+                                                    values={
+                                                      Object {
+                                                        "selectedValue": <EuiText>
+                                                          PPL
+                                                        </EuiText>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <Component
+                                                      selectedValue={
+                                                        <EuiText>
+                                                          PPL
+                                                        </EuiText>
+                                                      }
+                                                    >
+                                                      Select an option: 
+                                                      <EuiText
+                                                        key="1"
+                                                      >
+                                                        <div
+                                                          className="euiText euiText--medium"
+                                                        >
+                                                          PPL
+                                                        </div>
+                                                      </EuiText>
+                                                      , is selected
+                                                    </Component>
+                                                  </EuiI18n>
+                                                </span>
+                                              </EuiScreenReaderOnly>
+                                              <button
+                                                aria-haspopup="true"
+                                                aria-labelledby="undefined random_html_id"
+                                                className="euiSuperSelectControl"
+                                                onClick={[Function]}
+                                                onKeyDown={[Function]}
+                                                type="button"
+                                              >
+                                                <EuiText>
+                                                  <div
+                                                    className="euiText euiText--medium"
+                                                  >
+                                                    PPL
+                                                  </div>
+                                                </EuiText>
+                                              </button>
+                                              <EuiFormControlLayoutIcons
+                                                compressed={false}
+                                                icon={
+                                                  Object {
+                                                    "side": "right",
+                                                    "type": "arrowDown",
+                                                  }
+                                                }
+                                                isLoading={false}
+                                              >
+                                                <div
+                                                  className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                                                >
+                                                  <EuiFormControlLayoutCustomIcon
+                                                    size="m"
+                                                    type="arrowDown"
+                                                  >
+                                                    <span
+                                                      className="euiFormControlLayoutCustomIcon"
+                                                    >
+                                                      <EuiIcon
+                                                        aria-hidden="true"
+                                                        className="euiFormControlLayoutCustomIcon__icon"
+                                                        size="m"
+                                                        type="arrowDown"
+                                                      >
+                                                        <EuiIconBeaker
+                                                          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"
+                                                          >
+                                                            <path
+                                                              d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                            />
+                                                          </svg>
+                                                        </EuiIconBeaker>
+                                                      </EuiIcon>
+                                                    </span>
+                                                  </EuiFormControlLayoutCustomIcon>
+                                                </div>
+                                              </EuiFormControlLayoutIcons>
+                                            </div>
+                                          </div>
+                                        </EuiFormControlLayout>
+                                      </EuiSuperSelectControl>
+                                    </div>
+                                  </EuiResizeObserver>
+                                </div>
+                              </div>
+                            </EuiOutsideClickDetector>
+                          </EuiPopover>
+                        </EuiInputPopover>
+                      </EuiSuperSelect>
+                    </div>
+                  </EuiFlexItem>
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <EuiIcon
+                        className="ppl-link-light"
+                        color="#159D8D"
                         onClick={[Function]}
-                        type="button"
+                        size="l"
+                        type="questionInCircle"
                       >
-                        <button
-                          className="euiButton euiButton--text"
-                          disabled={false}
+                        <EuiIconBeaker
+                          aria-hidden={true}
+                          className="euiIcon euiIcon--large euiIcon--customColor euiIcon-isLoading ppl-link-light"
+                          focusable="false"
                           onClick={[Function]}
+                          role="img"
                           style={
                             Object {
-                              "minWidth": undefined,
+                              "color": "#159D8D",
                             }
                           }
-                          type="button"
                         >
-                          <EuiButtonContent
-                            className="euiButton__content"
-                            iconSide="right"
-                            iconType="arrowDown"
-                            textProps={
+                          <svg
+                            aria-hidden={true}
+                            className="euiIcon euiIcon--large euiIcon--customColor euiIcon-isLoading ppl-link-light"
+                            focusable="false"
+                            height={16}
+                            onClick={[Function]}
+                            role="img"
+                            style={
                               Object {
-                                "className": "euiButton__text",
+                                "color": "#159D8D",
                               }
                             }
+                            viewBox="0 0 16 16"
+                            width={16}
+                            xmlns="http://www.w3.org/2000/svg"
                           >
-                            <span
-                              className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                            >
-                              <EuiIcon
-                                className="euiButtonContent__icon"
-                                color="inherit"
-                                size="m"
-                                type="arrowDown"
-                              >
-                                <EuiIconBeaker
-                                  aria-hidden={true}
-                                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                  focusable="false"
-                                  role="img"
-                                  style={null}
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                    focusable="false"
-                                    height={16}
-                                    role="img"
-                                    style={null}
-                                    viewBox="0 0 16 16"
-                                    width={16}
-                                    xmlns="http://www.w3.org/2000/svg"
-                                  >
-                                    <path
-                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                    />
-                                  </svg>
-                                </EuiIconBeaker>
-                              </EuiIcon>
-                              <span
-                                className="euiButton__text"
-                              >
-                                PPL
-                              </span>
-                            </span>
-                          </EuiButtonContent>
-                        </button>
-                      </EuiButtonDisplay>
-                    </EuiButton>
-                  </div>
-                </div>
-              </EuiPopover>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            className="search-area"
-            grow={5}
-            key="search-bar"
-            style={
-              Object {
-                "minWidth": 400,
-              }
-            }
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrow5 search-area"
-              style={
-                Object {
-                  "minWidth": 400,
-                }
-              }
-            >
-              <Autocomplete
-                baseQuery=""
-                handleQuerySearch={[Function]}
-                key="autocomplete-search-bar"
-                tabId=""
-              >
-                <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 query"
-                    spellCheck="false"
+                            <path
+                              d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                            />
+                          </svg>
+                        </EuiIconBeaker>
+                      </EuiIcon>
+                    </div>
+                  </EuiFlexItem>
+                  <EuiFlexItem
+                    className="search-area"
+                    grow={5}
+                    key="search-bar"
                     style={
                       Object {
-                        "height": "18px",
-                        "marginTop": "0px",
-                        "padding": "8px",
+                        "minWidth": 400,
                       }
                     }
-                    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 query"
-                        rows={6}
-                        spellCheck="false"
-                        style={
-                          Object {
-                            "height": "18px",
-                            "marginTop": "0px",
-                            "padding": "8px",
-                          }
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrow5 search-area"
+                      style={
+                        Object {
+                          "minWidth": 400,
                         }
-                        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"
+                      <Autocomplete
+                        baseQuery=""
+                        handleQuerySearch={[Function]}
+                        key="autocomplete-search-bar"
+                        tabId="OBSERVABILITY_DEFAULT_TAB"
                       >
-                        PPL
-                      </span>
-                    </span>
-                  </button>
-                </EuiInnerText>
-              </EuiBadge>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-            />
-          </EuiFlexItem>
-          <EuiFlexItem
-            className="euiFlexItem--flexGrowZero event-date-picker"
-            grow={false}
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero euiFlexItem--flexGrowZero event-date-picker"
-            >
-              <DatePicker
-                handleTimePickerChange={[Function]}
-                handleTimeRangePickerRefresh={[Function]}
-              >
-                <EuiSuperDatePicker
-                  className="osdQueryBar__datePicker"
-                  commonlyUsedRanges={
-                    Array [
-                      Object {
-                        "end": "now/d",
-                        "label": "Today",
-                        "start": "now/d",
-                      },
-                      Object {
-                        "end": "now/w",
-                        "label": "This week",
-                        "start": "now/w",
-                      },
-                      Object {
-                        "end": "now/M",
-                        "label": "This month",
-                        "start": "now/M",
-                      },
-                      Object {
-                        "end": "now/y",
-                        "label": "This year",
-                        "start": "now/y",
-                      },
-                      Object {
-                        "end": "now-1d/d",
-                        "label": "Yesterday",
-                        "start": "now-1d/d",
-                      },
-                      Object {
-                        "end": "now",
-                        "label": "Week to date",
-                        "start": "now/w",
-                      },
-                      Object {
-                        "end": "now",
-                        "label": "Month to date",
-                        "start": "now/M",
-                      },
-                      Object {
-                        "end": "now",
-                        "label": "Year to date",
-                        "start": "now/y",
-                      },
-                    ]
-                  }
-                  data-test-subj="pplSearchDatePicker"
-                  dateFormat=""
-                  end="now"
-                  isAutoRefreshOnly={false}
-                  isDisabled={false}
-                  isPaused={true}
-                  onRefresh={[Function]}
-                  onTimeChange={[Function]}
-                  recentlyUsedRanges={Array []}
-                  refreshInterval={0}
-                  showUpdateButton={true}
-                  start="now-15m"
-                  timeFormat="HH:mm"
-                >
-                  <EuiFlexGroup
-                    className="euiSuperDatePicker__flexWrapper"
-                    gutterSize="s"
-                    responsive={false}
-                  >
-                    <div
-                      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper"
-                    >
-                      <EuiFlexItem>
                         <div
-                          className="euiFlexItem"
+                          aria-expanded={false}
+                          aria-haspopup="listbox"
+                          aria-labelledby="autocomplete-0-label"
+                          className="aa-Autocomplete"
+                          id="autocomplete-root"
+                          role="combobox"
                         >
-                          <EuiFormControlLayout
-                            className="euiSuperDatePicker"
-                            isDisabled={false}
-                            prepend={
-                              <EuiQuickSelectPopover
-                                applyTime={[Function]}
-                                commonlyUsedRanges={
-                                  Array [
-                                    Object {
-                                      "end": "now/d",
-                                      "label": "Today",
-                                      "start": "now/d",
-                                    },
-                                    Object {
-                                      "end": "now/w",
-                                      "label": "This week",
-                                      "start": "now/w",
-                                    },
-                                    Object {
-                                      "end": "now/M",
-                                      "label": "This month",
-                                      "start": "now/M",
-                                    },
-                                    Object {
-                                      "end": "now/y",
-                                      "label": "This year",
-                                      "start": "now/y",
-                                    },
-                                    Object {
-                                      "end": "now-1d/d",
-                                      "label": "Yesterday",
-                                      "start": "now-1d/d",
-                                    },
-                                    Object {
-                                      "end": "now",
-                                      "label": "Week to date",
-                                      "start": "now/w",
-                                    },
-                                    Object {
-                                      "end": "now",
-                                      "label": "Month to date",
-                                      "start": "now/M",
-                                    },
-                                    Object {
-                                      "end": "now",
-                                      "label": "Year to date",
-                                      "start": "now/y",
-                                    },
-                                  ]
+                          <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 query"
+                            spellCheck="false"
+                            style={
+                              Object {
+                                "height": "18px",
+                                "marginTop": "0px",
+                                "padding": "8px",
+                              }
+                            }
+                            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 query"
+                                rows={6}
+                                spellCheck="false"
+                                style={
+                                  Object {
+                                    "height": "18px",
+                                    "marginTop": "0px",
+                                    "padding": "8px",
+                                  }
                                 }
-                                dateFormat=""
-                                end="now"
-                                isAutoRefreshOnly={false}
-                                isDisabled={false}
-                                isPaused={true}
-                                recentlyUsedRanges={Array []}
-                                refreshInterval={0}
-                                start="now-15m"
+                                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"
                           >
-                            <div
-                              className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                            <span
+                              className="euiBadge__content"
                             >
-                              <EuiQuickSelectPopover
-                                applyTime={[Function]}
-                                className="euiFormControlLayout__prepend"
-                                commonlyUsedRanges={
-                                  Array [
-                                    Object {
-                                      "end": "now/d",
-                                      "label": "Today",
-                                      "start": "now/d",
-                                    },
-                                    Object {
-                                      "end": "now/w",
-                                      "label": "This week",
-                                      "start": "now/w",
-                                    },
-                                    Object {
-                                      "end": "now/M",
-                                      "label": "This month",
-                                      "start": "now/M",
-                                    },
-                                    Object {
-                                      "end": "now/y",
-                                      "label": "This year",
-                                      "start": "now/y",
-                                    },
-                                    Object {
-                                      "end": "now-1d/d",
-                                      "label": "Yesterday",
-                                      "start": "now-1d/d",
-                                    },
-                                    Object {
-                                      "end": "now",
-                                      "label": "Week to date",
-                                      "start": "now/w",
-                                    },
-                                    Object {
-                                      "end": "now",
-                                      "label": "Month to date",
-                                      "start": "now/M",
-                                    },
-                                    Object {
-                                      "end": "now",
-                                      "label": "Year to date",
-                                      "start": "now/y",
-                                    },
-                                  ]
-                                }
-                                dateFormat=""
-                                end="now"
-                                isAutoRefreshOnly={false}
-                                isDisabled={false}
-                                isPaused={true}
-                                key="0/.0"
-                                recentlyUsedRanges={Array []}
-                                refreshInterval={0}
-                                start="now-15m"
+                              <span
+                                className="euiBadge__text"
                               >
-                                <EuiPopover
-                                  anchorClassName="euiQuickSelectPopover__anchor"
-                                  anchorPosition="downLeft"
-                                  button={
-                                    <EuiButtonEmpty
-                                      aria-label="Date quick select"
-                                      className="euiFormControlLayout__prepend"
-                                      data-test-subj="superDatePickerToggleQuickMenuButton"
-                                      iconSide="right"
-                                      iconType="arrowDown"
-                                      isDisabled={false}
-                                      onClick={[Function]}
-                                      size="xs"
-                                      textProps={
-                                        Object {
-                                          "className": "euiQuickSelectPopover__buttonText",
-                                        }
-                                      }
-                                    >
-                                      <EuiIcon
-                                        type="calendar"
-                                      />
-                                    </EuiButtonEmpty>
-                                  }
-                                  closePopover={[Function]}
-                                  display="inlineBlock"
-                                  hasArrow={true}
-                                  isOpen={false}
-                                  ownFocus={true}
-                                  panelPaddingSize="m"
+                                PPL
+                              </span>
+                            </span>
+                          </button>
+                        </EuiInnerText>
+                      </EuiBadge>
+                    </div>
+                  </EuiFlexItem>
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    />
+                  </EuiFlexItem>
+                  <EuiFlexItem
+                    className="euiFlexItem--flexGrowZero event-date-picker"
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero euiFlexItem--flexGrowZero event-date-picker"
+                    >
+                      <DatePicker
+                        handleTimePickerChange={[Function]}
+                        handleTimeRangePickerRefresh={[Function]}
+                      >
+                        <EuiToolTip
+                          content={false}
+                          delay="regular"
+                          position="bottom"
+                        >
+                          <span
+                            className="euiToolTipAnchor"
+                            onKeyUp={[Function]}
+                            onMouseOut={[Function]}
+                            onMouseOver={[Function]}
+                          >
+                            <EuiSuperDatePicker
+                              className="osdQueryBar__datePicker"
+                              commonlyUsedRanges={
+                                Array [
+                                  Object {
+                                    "end": "now/d",
+                                    "label": "Today",
+                                    "start": "now/d",
+                                  },
+                                  Object {
+                                    "end": "now/w",
+                                    "label": "This week",
+                                    "start": "now/w",
+                                  },
+                                  Object {
+                                    "end": "now/M",
+                                    "label": "This month",
+                                    "start": "now/M",
+                                  },
+                                  Object {
+                                    "end": "now/y",
+                                    "label": "This year",
+                                    "start": "now/y",
+                                  },
+                                  Object {
+                                    "end": "now-1d/d",
+                                    "label": "Yesterday",
+                                    "start": "now-1d/d",
+                                  },
+                                  Object {
+                                    "end": "now",
+                                    "label": "Week to date",
+                                    "start": "now/w",
+                                  },
+                                  Object {
+                                    "end": "now",
+                                    "label": "Month to date",
+                                    "start": "now/M",
+                                  },
+                                  Object {
+                                    "end": "now",
+                                    "label": "Year to date",
+                                    "start": "now/y",
+                                  },
+                                ]
+                              }
+                              data-test-subj="pplSearchDatePicker"
+                              dateFormat=""
+                              end="now"
+                              isAutoRefreshOnly={false}
+                              isDisabled={false}
+                              isPaused={true}
+                              onBlur={[Function]}
+                              onFocus={[Function]}
+                              onRefresh={[Function]}
+                              onTimeChange={[Function]}
+                              recentlyUsedRanges={Array []}
+                              refreshInterval={0}
+                              showUpdateButton={false}
+                              start="now-15m"
+                              timeFormat="HH:mm"
+                            >
+                              <EuiFlexGroup
+                                className="euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
+                                gutterSize="s"
+                                responsive={false}
+                              >
+                                <div
+                                  className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiSuperDatePicker__flexWrapper euiSuperDatePicker__flexWrapper--noUpdateButton"
                                 >
-                                  <div
-                                    className="euiPopover euiPopover--anchorDownLeft"
-                                  >
+                                  <EuiFlexItem>
                                     <div
-                                      className="euiPopover__anchor euiQuickSelectPopover__anchor"
+                                      className="euiFlexItem"
                                     >
-                                      <EuiButtonEmpty
-                                        aria-label="Date quick select"
-                                        className="euiFormControlLayout__prepend"
-                                        data-test-subj="superDatePickerToggleQuickMenuButton"
-                                        iconSide="right"
-                                        iconType="arrowDown"
+                                      <EuiFormControlLayout
+                                        className="euiSuperDatePicker"
                                         isDisabled={false}
-                                        onClick={[Function]}
-                                        size="xs"
-                                        textProps={
-                                          Object {
-                                            "className": "euiQuickSelectPopover__buttonText",
-                                          }
+                                        prepend={
+                                          <EuiQuickSelectPopover
+                                            applyTime={[Function]}
+                                            commonlyUsedRanges={
+                                              Array [
+                                                Object {
+                                                  "end": "now/d",
+                                                  "label": "Today",
+                                                  "start": "now/d",
+                                                },
+                                                Object {
+                                                  "end": "now/w",
+                                                  "label": "This week",
+                                                  "start": "now/w",
+                                                },
+                                                Object {
+                                                  "end": "now/M",
+                                                  "label": "This month",
+                                                  "start": "now/M",
+                                                },
+                                                Object {
+                                                  "end": "now/y",
+                                                  "label": "This year",
+                                                  "start": "now/y",
+                                                },
+                                                Object {
+                                                  "end": "now-1d/d",
+                                                  "label": "Yesterday",
+                                                  "start": "now-1d/d",
+                                                },
+                                                Object {
+                                                  "end": "now",
+                                                  "label": "Week to date",
+                                                  "start": "now/w",
+                                                },
+                                                Object {
+                                                  "end": "now",
+                                                  "label": "Month to date",
+                                                  "start": "now/M",
+                                                },
+                                                Object {
+                                                  "end": "now",
+                                                  "label": "Year to date",
+                                                  "start": "now/y",
+                                                },
+                                              ]
+                                            }
+                                            dateFormat=""
+                                            end="now"
+                                            isAutoRefreshOnly={false}
+                                            isDisabled={false}
+                                            isPaused={true}
+                                            recentlyUsedRanges={Array []}
+                                            refreshInterval={0}
+                                            start="now-15m"
+                                          />
                                         }
                                       >
-                                        <button
-                                          aria-label="Date quick select"
-                                          className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
-                                          data-test-subj="superDatePickerToggleQuickMenuButton"
-                                          disabled={false}
-                                          onClick={[Function]}
-                                          type="button"
+                                        <div
+                                          className="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
                                         >
-                                          <EuiButtonContent
-                                            className="euiButtonEmpty__content"
-                                            iconSide="right"
-                                            iconSize="s"
-                                            iconType="arrowDown"
-                                            textProps={
-                                              Object {
-                                                "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
-                                              }
+                                          <EuiQuickSelectPopover
+                                            applyTime={[Function]}
+                                            className="euiFormControlLayout__prepend"
+                                            commonlyUsedRanges={
+                                              Array [
+                                                Object {
+                                                  "end": "now/d",
+                                                  "label": "Today",
+                                                  "start": "now/d",
+                                                },
+                                                Object {
+                                                  "end": "now/w",
+                                                  "label": "This week",
+                                                  "start": "now/w",
+                                                },
+                                                Object {
+                                                  "end": "now/M",
+                                                  "label": "This month",
+                                                  "start": "now/M",
+                                                },
+                                                Object {
+                                                  "end": "now/y",
+                                                  "label": "This year",
+                                                  "start": "now/y",
+                                                },
+                                                Object {
+                                                  "end": "now-1d/d",
+                                                  "label": "Yesterday",
+                                                  "start": "now-1d/d",
+                                                },
+                                                Object {
+                                                  "end": "now",
+                                                  "label": "Week to date",
+                                                  "start": "now/w",
+                                                },
+                                                Object {
+                                                  "end": "now",
+                                                  "label": "Month to date",
+                                                  "start": "now/M",
+                                                },
+                                                Object {
+                                                  "end": "now",
+                                                  "label": "Year to date",
+                                                  "start": "now/y",
+                                                },
+                                              ]
                                             }
+                                            dateFormat=""
+                                            end="now"
+                                            isAutoRefreshOnly={false}
+                                            isDisabled={false}
+                                            isPaused={true}
+                                            key="0/.0"
+                                            recentlyUsedRanges={Array []}
+                                            refreshInterval={0}
+                                            start="now-15m"
                                           >
-                                            <span
-                                              className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                            <EuiPopover
+                                              anchorClassName="euiQuickSelectPopover__anchor"
+                                              anchorPosition="downLeft"
+                                              button={
+                                                <EuiButtonEmpty
+                                                  aria-label="Date quick select"
+                                                  className="euiFormControlLayout__prepend"
+                                                  data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                  iconSide="right"
+                                                  iconType="arrowDown"
+                                                  isDisabled={false}
+                                                  onClick={[Function]}
+                                                  size="xs"
+                                                  textProps={
+                                                    Object {
+                                                      "className": "euiQuickSelectPopover__buttonText",
+                                                    }
+                                                  }
+                                                >
+                                                  <EuiIcon
+                                                    type="calendar"
+                                                  />
+                                                </EuiButtonEmpty>
+                                              }
+                                              closePopover={[Function]}
+                                              display="inlineBlock"
+                                              hasArrow={true}
+                                              isOpen={false}
+                                              ownFocus={true}
+                                              panelPaddingSize="m"
                                             >
-                                              <EuiIcon
-                                                className="euiButtonContent__icon"
-                                                color="inherit"
-                                                size="s"
-                                                type="arrowDown"
+                                              <div
+                                                className="euiPopover euiPopover--anchorDownLeft"
                                               >
-                                                <EuiIconBeaker
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                                  focusable="false"
-                                                  role="img"
-                                                  style={null}
+                                                <div
+                                                  className="euiPopover__anchor euiQuickSelectPopover__anchor"
                                                 >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                                    focusable="false"
-                                                    height={16}
-                                                    role="img"
-                                                    style={null}
-                                                    viewBox="0 0 16 16"
-                                                    width={16}
-                                                    xmlns="http://www.w3.org/2000/svg"
+                                                  <EuiButtonEmpty
+                                                    aria-label="Date quick select"
+                                                    className="euiFormControlLayout__prepend"
+                                                    data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                    iconSide="right"
+                                                    iconType="arrowDown"
+                                                    isDisabled={false}
+                                                    onClick={[Function]}
+                                                    size="xs"
+                                                    textProps={
+                                                      Object {
+                                                        "className": "euiQuickSelectPopover__buttonText",
+                                                      }
+                                                    }
                                                   >
-                                                    <path
-                                                      d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                                    />
-                                                  </svg>
-                                                </EuiIconBeaker>
-                                              </EuiIcon>
-                                              <span
-                                                className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                    <button
+                                                      aria-label="Date quick select"
+                                                      className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
+                                                      data-test-subj="superDatePickerToggleQuickMenuButton"
+                                                      disabled={false}
+                                                      onClick={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EuiButtonContent
+                                                        className="euiButtonEmpty__content"
+                                                        iconSide="right"
+                                                        iconSize="s"
+                                                        iconType="arrowDown"
+                                                        textProps={
+                                                          Object {
+                                                            "className": "euiButtonEmpty__text euiQuickSelectPopover__buttonText",
+                                                          }
+                                                        }
+                                                      >
+                                                        <span
+                                                          className="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                                                        >
+                                                          <EuiIcon
+                                                            className="euiButtonContent__icon"
+                                                            color="inherit"
+                                                            size="s"
+                                                            type="arrowDown"
+                                                          >
+                                                            <EuiIconBeaker
+                                                              aria-hidden={true}
+                                                              className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                              focusable="false"
+                                                              role="img"
+                                                              style={null}
+                                                            >
+                                                              <svg
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                                focusable="false"
+                                                                height={16}
+                                                                role="img"
+                                                                style={null}
+                                                                viewBox="0 0 16 16"
+                                                                width={16}
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                                />
+                                                              </svg>
+                                                            </EuiIconBeaker>
+                                                          </EuiIcon>
+                                                          <span
+                                                            className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
+                                                          >
+                                                            <EuiIcon
+                                                              type="calendar"
+                                                            >
+                                                              <EuiIconBeaker
+                                                                aria-hidden={true}
+                                                                className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                                focusable="false"
+                                                                role="img"
+                                                                style={null}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden={true}
+                                                                  className="euiIcon euiIcon--medium euiIcon-isLoading"
+                                                                  focusable="false"
+                                                                  height={16}
+                                                                  role="img"
+                                                                  style={null}
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                                                  />
+                                                                </svg>
+                                                              </EuiIconBeaker>
+                                                            </EuiIcon>
+                                                          </span>
+                                                        </span>
+                                                      </EuiButtonContent>
+                                                    </button>
+                                                  </EuiButtonEmpty>
+                                                </div>
+                                              </div>
+                                            </EuiPopover>
+                                          </EuiQuickSelectPopover>
+                                          <div
+                                            className="euiFormControlLayout__childrenWrapper"
+                                          >
+                                            <EuiDatePickerRange
+                                              className="euiDatePickerRange--inGroup"
+                                              endDateControl={<div />}
+                                              iconType={false}
+                                              isCustom={true}
+                                              startDateControl={<div />}
+                                            >
+                                              <div
+                                                className="euiDatePickerRange euiDatePickerRange--inGroup"
                                               >
-                                                <EuiIcon
-                                                  type="calendar"
+                                                <button
+                                                  className="euiSuperDatePicker__prettyFormat"
+                                                  data-test-subj="superDatePickerShowDatesButton"
+                                                  disabled={false}
+                                                  onClick={[Function]}
                                                 >
-                                                  <EuiIconBeaker
-                                                    aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium euiIcon-isLoading"
-                                                    focusable="false"
-                                                    role="img"
-                                                    style={null}
+                                                  Last 15 minutes
+                                                  <span
+                                                    className="euiSuperDatePicker__prettyFormatLink"
                                                   >
-                                                    <svg
-                                                      aria-hidden={true}
-                                                      className="euiIcon euiIcon--medium euiIcon-isLoading"
-                                                      focusable="false"
-                                                      height={16}
-                                                      role="img"
-                                                      style={null}
-                                                      viewBox="0 0 16 16"
-                                                      width={16}
-                                                      xmlns="http://www.w3.org/2000/svg"
+                                                    <EuiI18n
+                                                      default="Show dates"
+                                                      token="euiSuperDatePicker.showDatesButtonLabel"
                                                     >
-                                                      <path
-                                                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                                      />
-                                                    </svg>
-                                                  </EuiIconBeaker>
-                                                </EuiIcon>
-                                              </span>
-                                            </span>
-                                          </EuiButtonContent>
-                                        </button>
-                                      </EuiButtonEmpty>
+                                                      Show dates
+                                                    </EuiI18n>
+                                                  </span>
+                                                </button>
+                                              </div>
+                                            </EuiDatePickerRange>
+                                            <EuiFormControlLayoutIcons />
+                                          </div>
+                                        </div>
+                                      </EuiFormControlLayout>
                                     </div>
-                                  </div>
-                                </EuiPopover>
-                              </EuiQuickSelectPopover>
-                              <div
-                                className="euiFormControlLayout__childrenWrapper"
+                                  </EuiFlexItem>
+                                </div>
+                              </EuiFlexGroup>
+                            </EuiSuperDatePicker>
+                          </span>
+                        </EuiToolTip>
+                      </DatePicker>
+                    </div>
+                  </EuiFlexItem>
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <EuiToolTip
+                        content={false}
+                        delay="regular"
+                        position="bottom"
+                      >
+                        <span
+                          className="euiToolTipAnchor"
+                          onKeyUp={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                        >
+                          <EuiButton
+                            color="primary"
+                            fill={true}
+                            iconType="play"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onFocus={[Function]}
+                          >
+                            <EuiButtonDisplay
+                              baseClassName="euiButton"
+                              color="primary"
+                              disabled={false}
+                              element="button"
+                              fill={true}
+                              iconType="play"
+                              isDisabled={false}
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              type="button"
+                            >
+                              <button
+                                className="euiButton euiButton--primary euiButton--fill"
+                                disabled={false}
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                style={
+                                  Object {
+                                    "minWidth": undefined,
+                                  }
+                                }
+                                type="button"
                               >
-                                <EuiDatePickerRange
-                                  className="euiDatePickerRange--inGroup"
-                                  endDateControl={<div />}
-                                  iconType={false}
-                                  isCustom={true}
-                                  startDateControl={<div />}
+                                <EuiButtonContent
+                                  className="euiButton__content"
+                                  iconSide="left"
+                                  iconType="play"
+                                  textProps={
+                                    Object {
+                                      "className": "euiButton__text",
+                                    }
+                                  }
                                 >
-                                  <div
-                                    className="euiDatePickerRange euiDatePickerRange--inGroup"
+                                  <span
+                                    className="euiButtonContent euiButton__content"
                                   >
-                                    <button
-                                      className="euiSuperDatePicker__prettyFormat"
-                                      data-test-subj="superDatePickerShowDatesButton"
-                                      disabled={false}
-                                      onClick={[Function]}
+                                    <EuiIcon
+                                      className="euiButtonContent__icon"
+                                      color="inherit"
+                                      size="m"
+                                      type="play"
                                     >
-                                      Last 15 minutes
-                                      <span
-                                        className="euiSuperDatePicker__prettyFormatLink"
+                                      <EuiIconBeaker
+                                        aria-hidden={true}
+                                        className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                        focusable="false"
+                                        role="img"
+                                        style={null}
                                       >
-                                        <EuiI18n
-                                          default="Show dates"
-                                          token="euiSuperDatePicker.showDatesButtonLabel"
+                                        <svg
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                          focusable="false"
+                                          height={16}
+                                          role="img"
+                                          style={null}
+                                          viewBox="0 0 16 16"
+                                          width={16}
+                                          xmlns="http://www.w3.org/2000/svg"
                                         >
-                                          Show dates
-                                        </EuiI18n>
-                                      </span>
-                                    </button>
-                                  </div>
-                                </EuiDatePickerRange>
-                                <EuiFormControlLayoutIcons />
-                              </div>
-                            </div>
-                          </EuiFormControlLayout>
-                        </div>
-                      </EuiFlexItem>
-                      <EuiFlexItem
-                        grow={false}
+                                          <path
+                                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                          />
+                                        </svg>
+                                      </EuiIconBeaker>
+                                    </EuiIcon>
+                                    <span
+                                      className="euiButton__text"
+                                    >
+                                      Run
+                                    </span>
+                                  </span>
+                                </EuiButtonContent>
+                              </button>
+                            </EuiButtonDisplay>
+                          </EuiButton>
+                        </span>
+                      </EuiToolTip>
+                    </div>
+                  </EuiFlexItem>
+                  <EuiFlexItem
+                    className="euiFlexItem--flexGrowZero live-tail"
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero live-tail"
+                    >
+                      <EuiPopover
+                        anchorPosition="downCenter"
+                        button={
+                          <LiveTailButton
+                            dataTestSubj="eventLiveTail"
+                          />
+                        }
+                        display="inlineBlock"
+                        hasArrow={true}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="none"
                       >
                         <div
-                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                          className="euiPopover euiPopover--anchorDownCenter"
                         >
-                          <EuiSuperUpdateButton
-                            data-test-subj="superDatePickerApplyTimeButton"
-                            isDisabled={false}
-                            isLoading={false}
-                            needsUpdate={false}
-                            onClick={[Function]}
-                            showTooltip={true}
+                          <div
+                            className="euiPopover__anchor"
                           >
-                            <EuiToolTip
-                              delay="regular"
-                              position="bottom"
+                            <LiveTailButton
+                              dataTestSubj="eventLiveTail"
                             >
-                              <span
-                                className="euiToolTipAnchor"
-                                onKeyUp={[Function]}
-                                onMouseOut={[Function]}
-                                onMouseOver={[Function]}
+                              <EuiButton
+                                data-test-subj="eventLiveTail"
+                                iconSide="left"
+                                iconType="clock"
+                                onClick={[Function]}
                               >
-                                <EuiButton
-                                  className="euiSuperUpdateButton"
-                                  color="primary"
-                                  data-test-subj="superDatePickerApplyTimeButton"
-                                  fill={true}
-                                  iconType="refresh"
+                                <EuiButtonDisplay
+                                  baseClassName="euiButton"
+                                  data-test-subj="eventLiveTail"
+                                  disabled={false}
+                                  element="button"
+                                  iconSide="left"
+                                  iconType="clock"
                                   isDisabled={false}
-                                  isLoading={false}
-                                  onBlur={[Function]}
                                   onClick={[Function]}
-                                  onFocus={[Function]}
-                                  textProps={
-                                    Object {
-                                      "className": "euiSuperUpdateButton__text",
-                                    }
-                                  }
+                                  type="button"
                                 >
-                                  <EuiButtonDisplay
-                                    baseClassName="euiButton"
-                                    className="euiSuperUpdateButton"
-                                    color="primary"
-                                    data-test-subj="superDatePickerApplyTimeButton"
+                                  <button
+                                    className="euiButton euiButton--primary"
+                                    data-test-subj="eventLiveTail"
                                     disabled={false}
-                                    element="button"
-                                    fill={true}
-                                    iconType="refresh"
-                                    isDisabled={false}
-                                    isLoading={false}
-                                    onBlur={[Function]}
                                     onClick={[Function]}
-                                    onFocus={[Function]}
-                                    textProps={
+                                    style={
                                       Object {
-                                        "className": "euiSuperUpdateButton__text",
+                                        "minWidth": undefined,
                                       }
                                     }
                                     type="button"
                                   >
-                                    <button
-                                      className="euiButton euiButton--primary euiButton--fill euiSuperUpdateButton"
-                                      data-test-subj="superDatePickerApplyTimeButton"
-                                      disabled={false}
-                                      onBlur={[Function]}
-                                      onClick={[Function]}
-                                      onFocus={[Function]}
-                                      style={
+                                    <EuiButtonContent
+                                      className="euiButton__content"
+                                      iconSide="left"
+                                      iconType="clock"
+                                      textProps={
                                         Object {
-                                          "minWidth": undefined,
+                                          "className": "euiButton__text",
                                         }
                                       }
-                                      type="button"
                                     >
-                                      <EuiButtonContent
-                                        className="euiButton__content"
-                                        iconSide="left"
-                                        iconType="refresh"
-                                        isLoading={false}
-                                        textProps={
-                                          Object {
-                                            "className": "euiButton__text euiSuperUpdateButton__text",
-                                          }
-                                        }
+                                      <span
+                                        className="euiButtonContent euiButton__content"
                                       >
-                                        <span
-                                          className="euiButtonContent euiButton__content"
+                                        <EuiIcon
+                                          className="euiButtonContent__icon"
+                                          color="inherit"
+                                          size="m"
+                                          type="clock"
                                         >
-                                          <EuiIcon
-                                            className="euiButtonContent__icon"
-                                            color="inherit"
-                                            size="m"
-                                            type="refresh"
+                                          <EuiIconBeaker
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                            focusable="false"
+                                            role="img"
+                                            style={null}
                                           >
-                                            <EuiIconBeaker
+                                            <svg
                                               aria-hidden={true}
                                               className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
                                               focusable="false"
+                                              height={16}
                                               role="img"
                                               style={null}
+                                              viewBox="0 0 16 16"
+                                              width={16}
+                                              xmlns="http://www.w3.org/2000/svg"
                                             >
-                                              <svg
-                                                aria-hidden={true}
-                                                className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                                focusable="false"
-                                                height={16}
-                                                role="img"
-                                                style={null}
-                                                viewBox="0 0 16 16"
-                                                width={16}
-                                                xmlns="http://www.w3.org/2000/svg"
-                                              >
-                                                <path
-                                                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                                />
-                                              </svg>
-                                            </EuiIconBeaker>
-                                          </EuiIcon>
-                                          <span
-                                            className="euiButton__text euiSuperUpdateButton__text"
-                                          >
-                                            <EuiI18n
-                                              default="Refresh"
-                                              token="euiSuperUpdateButton.refreshButtonLabel"
-                                            >
-                                              Refresh
-                                            </EuiI18n>
-                                          </span>
-                                        </span>
-                                      </EuiButtonContent>
-                                    </button>
-                                  </EuiButtonDisplay>
-                                </EuiButton>
-                              </span>
-                            </EuiToolTip>
-                          </EuiSuperUpdateButton>
+                                              <path
+                                                d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                                              />
+                                            </svg>
+                                          </EuiIconBeaker>
+                                        </EuiIcon>
+                                        <span
+                                          className="euiButton__text"
+                                        />
+                                      </span>
+                                    </EuiButtonContent>
+                                  </button>
+                                </EuiButtonDisplay>
+                              </EuiButton>
+                            </LiveTailButton>
+                          </div>
                         </div>
-                      </EuiFlexItem>
+                      </EuiPopover>
                     </div>
-                  </EuiFlexGroup>
-                </EuiSuperDatePicker>
-              </DatePicker>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            className="euiFlexItem--flexGrowZero live-tail"
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero live-tail"
-            >
-              <EuiPopover
-                anchorPosition="downCenter"
-                button={
-                  <LiveTailButton
-                    dataTestSubj="eventLiveTail"
-                  />
-                }
-                display="inlineBlock"
-                hasArrow={true}
-                isOpen={false}
-                ownFocus={true}
-                panelPaddingSize="none"
-              >
-                <div
-                  className="euiPopover euiPopover--anchorDownCenter"
-                >
-                  <div
-                    className="euiPopover__anchor"
-                  >
-                    <LiveTailButton
-                      dataTestSubj="eventLiveTail"
-                    >
-                      <EuiButton
-                        data-test-subj="eventLiveTail"
-                        iconSide="left"
-                        iconType="play"
-                        onClick={[Function]}
-                      >
-                        <EuiButtonDisplay
-                          baseClassName="euiButton"
-                          data-test-subj="eventLiveTail"
-                          disabled={false}
-                          element="button"
-                          iconSide="left"
-                          iconType="play"
-                          isDisabled={false}
-                          onClick={[Function]}
-                          type="button"
-                        >
-                          <button
-                            className="euiButton euiButton--primary"
-                            data-test-subj="eventLiveTail"
-                            disabled={false}
-                            onClick={[Function]}
-                            style={
-                              Object {
-                                "minWidth": undefined,
-                              }
-                            }
-                            type="button"
-                          >
-                            <EuiButtonContent
-                              className="euiButton__content"
-                              iconSide="left"
-                              iconType="play"
-                              textProps={
-                                Object {
-                                  "className": "euiButton__text",
-                                }
-                              }
-                            >
-                              <span
-                                className="euiButtonContent euiButton__content"
-                              >
-                                <EuiIcon
-                                  className="euiButtonContent__icon"
-                                  color="inherit"
-                                  size="m"
-                                  type="play"
-                                >
-                                  <EuiIconBeaker
-                                    aria-hidden={true}
-                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                    focusable="false"
-                                    role="img"
-                                    style={null}
-                                  >
-                                    <svg
-                                      aria-hidden={true}
-                                      className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                      focusable="false"
-                                      height={16}
-                                      role="img"
-                                      style={null}
-                                      viewBox="0 0 16 16"
-                                      width={16}
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                                      />
-                                    </svg>
-                                  </EuiIconBeaker>
-                                </EuiIcon>
-                                <span
-                                  className="euiButton__text"
-                                />
-                              </span>
-                            </EuiButtonContent>
-                          </button>
-                        </EuiButtonDisplay>
-                      </EuiButton>
-                    </LiveTailButton>
-                  </div>
+                  </EuiFlexItem>
                 </div>
-              </EuiPopover>
+              </EuiFlexGroup>
             </div>
           </EuiFlexItem>
         </div>
diff --git a/public/components/common/search/__tests__/search.test.tsx b/public/components/common/search/__tests__/search.test.tsx
index be1d8b138..dafa7567a 100644
--- a/public/components/common/search/__tests__/search.test.tsx
+++ b/public/components/common/search/__tests__/search.test.tsx
@@ -3,22 +3,24 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { configure, mount, shallow } from 'enzyme';
+import { configure, mount } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import React from 'react';
-import { createStore } from '@reduxjs/toolkit';
+import { applyMiddleware, createStore } from '@reduxjs/toolkit';
 import { rootReducer } from '../../../../framework/redux/reducers';
 import { Provider } from 'react-redux';
 import { Search } from '../search';
+import thunk from 'redux-thunk';
+import { initialTabId } from '../../../../framework/redux/store/shared_state';
 
 describe('Explorer Search component', () => {
   configure({ adapter: new Adapter() });
-  const store = createStore(rootReducer);
+  const store = createStore(rootReducer, applyMiddleware(thunk));
 
   it('renders basic component', () => {
     const wrapper = mount(
       <Provider store={store}>
-        <Search />
+        <Search tabId={initialTabId} />
       </Provider>
     );
     wrapper.update();
diff --git a/public/components/common/search/date_picker.tsx b/public/components/common/search/date_picker.tsx
index 75087c9f1..8ca726f56 100644
--- a/public/components/common/search/date_picker.tsx
+++ b/public/components/common/search/date_picker.tsx
@@ -3,25 +3,50 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { EuiSuperDatePicker, EuiToolTip } from '@elastic/eui';
 import React from 'react';
-import { EuiSuperDatePicker } from '@elastic/eui';
-import { IDatePickerProps } from './search';
 import { uiSettingsService } from '../../../../common/utils';
+import { coreRefs } from '../../../framework/core_refs';
+import { IDatePickerProps } from './search';
+import {
+  QUERY_ASSIST_END_TIME,
+  QUERY_ASSIST_START_TIME,
+} from '../../../../common/constants/shared';
 
 export function DatePicker(props: IDatePickerProps) {
-  const { startTime, endTime, handleTimePickerChange, handleTimeRangePickerRefresh } = props;
+  const {
+    startTime,
+    endTime,
+    handleTimePickerChange,
+    handleTimeRangePickerRefresh,
+    isAppAnalytics,
+  } = props;
 
   const handleTimeChange = (e: any) => handleTimePickerChange([e.start, e.end]);
+  const allowTimeChanging = !coreRefs.queryAssistEnabled || isAppAnalytics;
 
   return (
-    <EuiSuperDatePicker
-      data-test-subj="pplSearchDatePicker"
-      start={startTime}
-      end={endTime}
-      dateFormat={uiSettingsService.get('dateFormat')}
-      onTimeChange={handleTimeChange}
-      onRefresh={handleTimeRangePickerRefresh}
-      className="osdQueryBar__datePicker"
-    />
+    <>
+      <EuiToolTip
+        position="bottom"
+        content={
+          allowTimeChanging
+            ? false
+            : 'Date range has been disabled to accomodate timerange of all datasets'
+        }
+      >
+        <EuiSuperDatePicker
+          data-test-subj="pplSearchDatePicker"
+          start={allowTimeChanging ? startTime : QUERY_ASSIST_START_TIME}
+          end={allowTimeChanging ? endTime : QUERY_ASSIST_END_TIME}
+          dateFormat={uiSettingsService.get('dateFormat')}
+          onTimeChange={handleTimeChange}
+          onRefresh={handleTimeRangePickerRefresh}
+          className="osdQueryBar__datePicker"
+          showUpdateButton={false}
+          isDisabled={!allowTimeChanging}
+        />
+      </EuiToolTip>
+    </>
   );
 }
diff --git a/public/components/common/search/query_area.tsx b/public/components/common/search/query_area.tsx
new file mode 100644
index 000000000..a298e546a
--- /dev/null
+++ b/public/components/common/search/query_area.tsx
@@ -0,0 +1,83 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { EuiCodeEditor, EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
+import React, { useEffect, useMemo } from 'react';
+import { coreRefs } from '../../../framework/core_refs';
+import { QueryAssistInput } from '../../event_analytics/explorer/query_assist/input';
+import { useFetchEvents } from '../../event_analytics/hooks/use_fetch_events';
+
+export function QueryArea({
+  tabId,
+  handleQueryChange,
+  handleTimePickerChange,
+  handleTimeRangePickerRefresh,
+  runQuery,
+  tempQuery,
+  setNeedsUpdate,
+  setFillRun,
+  selectedIndex,
+  nlqInput,
+  setNlqInput,
+  pplService,
+}: any) {
+  const requestParams = { tabId };
+  const { getAvailableFields } = useFetchEvents({
+    pplService,
+    requestParams,
+  });
+
+  // use effect that sets the editor text and populates sidebar field for a particular index upon initialization
+  const memoizedGetAvailableFields = useMemo(() => getAvailableFields, []);
+  const memoizedHandleQueryChange = useMemo(() => handleQueryChange, []);
+  useEffect(() => {
+    const indexQuery = `source = ${selectedIndex[0].label}`;
+    memoizedHandleQueryChange(indexQuery);
+    memoizedGetAvailableFields(indexQuery);
+  }, [selectedIndex, memoizedGetAvailableFields, memoizedHandleQueryChange]);
+
+  return (
+    <EuiPanel paddingSize="m">
+      <EuiFlexGroup gutterSize="m" direction="column">
+        <EuiFlexItem>
+          <EuiCodeEditor
+            theme="textmate"
+            width="100%"
+            height="4rem"
+            showPrintMargin={false}
+            setOptions={{
+              fontSize: '14px',
+            }}
+            aria-label="Code Editor"
+            onChange={(query) => {
+              handleQueryChange(query);
+              // query is considered updated when the last run query is not the same as whats in the editor
+              // setUpdatedQuery(runQuery !== query);
+              setNeedsUpdate(runQuery !== query);
+            }}
+            onFocus={() => setFillRun(true)}
+            onBlur={() => setFillRun(false)}
+            value={tempQuery}
+            wrapEnabled={true}
+          />
+        </EuiFlexItem>
+        {coreRefs.queryAssistEnabled && (
+          <EuiFlexItem>
+            <QueryAssistInput
+              tabId={tabId}
+              handleTimePickerChange={handleTimePickerChange}
+              handleQueryChange={handleQueryChange}
+              handleTimeRangePickerRefresh={handleTimeRangePickerRefresh}
+              setNeedsUpdate={setNeedsUpdate}
+              selectedIndex={selectedIndex}
+              nlqInput={nlqInput}
+              setNlqInput={setNlqInput}
+            />
+          </EuiFlexItem>
+        )}
+      </EuiFlexGroup>
+    </EuiPanel>
+  );
+}
diff --git a/public/components/common/search/query_assist_summarization.tsx b/public/components/common/search/query_assist_summarization.tsx
new file mode 100644
index 000000000..ca35e167d
--- /dev/null
+++ b/public/components/common/search/query_assist_summarization.tsx
@@ -0,0 +1,111 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  EuiAccordion,
+  EuiBadge,
+  EuiCallOut,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiIcon,
+  EuiLink,
+  EuiMarkdownFormat,
+  EuiPanel,
+  EuiSpacer,
+  EuiText,
+} from '@elastic/eui';
+import React from 'react';
+import chatLogo from '../../datasources/icons/query-assistant-logo.svg';
+
+export function QueryAssistSummarization({
+  queryAssistantSummarization,
+  setNlqInput,
+  showFlyout,
+}: any) {
+  return (
+    <EuiPanel>
+      <EuiAccordion
+        id="summarization-accordion"
+        buttonContent="AI Insights"
+        initialIsOpen
+        isLoading={queryAssistantSummarization?.summaryLoading ?? false}
+        isLoadingMessage="Loading summary.."
+        extraAction={
+          <EuiFlexGroup direction="row" alignItems="center" gutterSize="s">
+            <EuiFlexItem grow={false}>
+              <EuiText color="subdued">
+                <small>Generated by Opensearch Assistant</small>
+              </EuiText>
+            </EuiFlexItem>
+            <EuiFlexItem grow={false}>
+              <EuiIcon type={chatLogo} size="l" />
+            </EuiFlexItem>
+          </EuiFlexGroup>
+        }
+      >
+        {queryAssistantSummarization?.summary?.length > 0 && (
+          <>
+            <EuiSpacer size="m" />
+            {queryAssistantSummarization?.isPPLError ? (
+              <>
+                <EuiCallOut title="There was an error" color="danger" iconType="alert">
+                  <EuiMarkdownFormat>{queryAssistantSummarization.summary}</EuiMarkdownFormat>
+                </EuiCallOut>
+                <EuiSpacer size="s" />
+                <EuiFlexGroup wrap gutterSize="s">
+                  <EuiFlexItem grow={false}>
+                    <EuiText size="s">Suggestions:</EuiText>
+                  </EuiFlexItem>
+                  {queryAssistantSummarization.suggestedQuestions.map((question) => (
+                    <EuiFlexItem grow={false}>
+                      <EuiBadge
+                        color="hollow"
+                        iconType="chatRight"
+                        iconSide="left"
+                        onClick={() => setNlqInput(question)}
+                        onClickAriaLabel="Set input to the suggested question"
+                      >
+                        {question}
+                      </EuiBadge>
+                    </EuiFlexItem>
+                  ))}
+                  <EuiFlexItem grow={false}>
+                    <EuiBadge
+                      color="hollow"
+                      iconType="questionInCircle"
+                      iconSide="left"
+                      onClick={showFlyout}
+                      onClickAriaLabel="Show PPL documentation"
+                    >
+                      PPL Documentation
+                    </EuiBadge>
+                  </EuiFlexItem>
+                </EuiFlexGroup>
+              </>
+            ) : (
+              <EuiPanel color="subdued" style={{ marginLeft: 16, marginRight: 16 }}>
+                <EuiMarkdownFormat>{queryAssistantSummarization.summary}</EuiMarkdownFormat>
+              </EuiPanel>
+            )}
+            <EuiSpacer size="m" />
+            <EuiText color="subdued">
+              <small>
+                The OpenSearch Assistant may produce inaccurate information. Verify all information
+                before using it in any environment or workload. Share feedback via{' '}
+                <EuiLink href="https://forum.opensearch.org/t/feedback-opensearch-assistant/16741">
+                  Forum
+                </EuiLink>{' '}
+                or{' '}
+                <EuiLink href="https://opensearch.slack.com/channels/assistant-feedback">
+                  Slack
+                </EuiLink>
+              </small>
+            </EuiText>
+          </>
+        )}
+      </EuiAccordion>
+    </EuiPanel>
+  );
+}
diff --git a/public/components/common/search/search.tsx b/public/components/common/search/search.tsx
index c849c25cb..6f85be9e8 100644
--- a/public/components/common/search/search.tsx
+++ b/public/components/common/search/search.tsx
@@ -3,38 +3,68 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import './search.scss';
-
 import '@algolia/autocomplete-theme-classic';
 import {
   EuiBadge,
   EuiButton,
   EuiButtonEmpty,
-  EuiContextMenuItem,
+  EuiComboBox,
+  EuiComboBoxOptionOption,
   EuiContextMenuPanel,
   EuiFlexGroup,
   EuiFlexItem,
+  EuiIcon,
   EuiPopover,
   EuiPopoverFooter,
+  EuiSuperSelect,
+  EuiSuperSelectOption,
+  EuiText,
   EuiToolTip,
 } from '@elastic/eui';
 import { isEqual } from 'lodash';
 import React, { useEffect, useState } from 'react';
-import { useDispatch } from 'react-redux';
-import { APP_ANALYTICS_TAB_ID_REGEX } from '../../../../common/constants/explorer';
-import { PPL_SPAN_REGEX } from '../../../../common/constants/shared';
+import { batch, useDispatch, useSelector } from 'react-redux';
+import { QUERY_LANGUAGE } from '../../../../common/constants/data_sources';
+import {
+  APP_ANALYTICS_TAB_ID_REGEX,
+  INDEX,
+  OLLY_QUERY_ASSISTANT,
+  RAW_QUERY,
+} from '../../../../common/constants/explorer';
+import {
+  DEFAULT_START_TIME,
+  PPL_SPAN_REGEX,
+  QUERY_ASSIST_START_TIME,
+} from '../../../../common/constants/shared';
 import { uiSettingsService } from '../../../../common/utils';
 import { useFetchEvents } from '../../../components/event_analytics/hooks';
 import { usePolling } from '../../../components/hooks/use_polling';
 import { coreRefs } from '../../../framework/core_refs';
 import { SQLService } from '../../../services/requests/sql';
+import {
+  useCatIndices,
+  useGetIndexPatterns,
+} from '../../event_analytics/explorer/query_assist/hooks';
 import { SavePanel } from '../../event_analytics/explorer/save_panel';
+import {
+  resetSummary,
+  selectQueryAssistantSummarization,
+} from '../../event_analytics/redux/slices/query_assistant_summarization_slice';
+import { reset } from '../../event_analytics/redux/slices/query_result_slice';
+import {
+  changeData,
+  changeQuery,
+  selectQueries,
+} from '../../event_analytics/redux/slices/query_slice';
 import { update as updateSearchMetaData } from '../../event_analytics/redux/slices/search_meta_data_slice';
 import { PPLReferenceFlyout } from '../helpers';
 import { LiveTailButton, StopLiveButton } from '../live_tail/live_tail_button';
-import { Autocomplete } from './autocomplete';
 import { DatePicker } from './date_picker';
-import { QUERY_LANGUAGE } from '../../../../common/constants/data_sources';
+import { QueryArea } from './query_area';
+import './search.scss';
+import { QueryAssistSummarization } from './query_assist_summarization';
+import { Autocomplete } from './autocomplete';
+
 export interface IQueryBarProps {
   query: string;
   tempQuery: string;
@@ -46,12 +76,13 @@ export interface IQueryBarProps {
 export interface IDatePickerProps {
   startTime: string;
   endTime: string;
-  setStartTime: () => void;
-  setEndTime: () => void;
+  setStartTime: (start: string) => void;
+  setEndTime: (end: string) => void;
   setTimeRange: () => void;
   setIsOutputStale: () => void;
   handleTimePickerChange: (timeRange: string[]) => any;
   handleTimeRangePickerRefresh: () => any;
+  isAppAnalytics: boolean;
 }
 
 export const Search = (props: any) => {
@@ -92,22 +123,35 @@ export const Search = (props: any) => {
     curVisId,
     setSubType,
     setIsQueryRunning,
+    isAppAnalytics,
+    pplService,
   } = props;
 
+  const queryRedux = useSelector(selectQueries)[tabId];
+  const queryAssistantSummarization = useSelector(selectQueryAssistantSummarization)[tabId];
   const dispatch = useDispatch();
   const appLogEvents = tabId.match(APP_ANALYTICS_TAB_ID_REGEX);
   const [isSavePanelOpen, setIsSavePanelOpen] = useState(false);
-  const [isLanguagePopoverOpen, setLanguagePopoverOpen] = useState(false);
+  const [_isLanguagePopoverOpen, setLanguagePopoverOpen] = useState(false);
   const [isFlyoutVisible, setIsFlyoutVisible] = useState(false);
   const [queryLang, setQueryLang] = useState(QUERY_LANGUAGE.PPL);
+  const [timeRange, setTimeRange] = useState([
+    coreRefs.queryAssistEnabled ? QUERY_ASSIST_START_TIME : DEFAULT_START_TIME,
+    'now',
+  ]); // default time range
+  const [needsUpdate, setNeedsUpdate] = useState(false);
+  const [fillRun, setFillRun] = useState(false);
   const sqlService = new SQLService(coreRefs.http);
   const { application } = coreRefs;
+  const [nlqInput, setNlqInput] = useState('');
+
+  const showQueryArea = !appLogEvents && coreRefs.queryAssistEnabled;
 
   const {
     data: pollingResult,
-    loading: pollingLoading,
+    loading: _pollingLoading,
     error: pollingError,
-    startPolling,
+    startPolling: _startPolling,
     stopPolling,
   } = usePolling<any, any>((params) => {
     return sqlService.fetchWithJobId(params);
@@ -118,6 +162,10 @@ export const Search = (props: any) => {
     pplService: new SQLService(coreRefs.http),
     requestParams,
   });
+  const { getAvailableFields } = useFetchEvents({
+    pplService,
+    requestParams,
+  });
 
   const closeFlyout = () => {
     setIsFlyoutVisible(false);
@@ -172,36 +220,16 @@ export const Search = (props: any) => {
     closeLanguagePopover();
   };
 
-  const onLanguagePopoverClick = () => {
-    setLanguagePopoverOpen(!isLanguagePopoverOpen);
-  };
-
   const closeLanguagePopover = () => {
     setLanguagePopoverOpen(false);
   };
 
-  const languagePopOverItems = [
-    <EuiContextMenuItem
-      key={QUERY_LANGUAGE.PPL}
-      onClick={() => handleQueryLanguageChange(QUERY_LANGUAGE.PPL)}
-    >
-      PPL
-    </EuiContextMenuItem>,
-    <EuiContextMenuItem
-      key={QUERY_LANGUAGE.DQL}
-      onClick={() => handleQueryLanguageChange(QUERY_LANGUAGE.DQL)}
-    >
-      DQL
-    </EuiContextMenuItem>,
+  const languageOptions: Array<EuiSuperSelectOption<QUERY_LANGUAGE>> = [
+    { value: QUERY_LANGUAGE.PPL, inputDisplay: <EuiText>PPL</EuiText> },
+    { value: QUERY_LANGUAGE.DQL, inputDisplay: <EuiText>DQL</EuiText> },
   ];
 
-  const languagePopOverButton = (
-    <EuiButton iconType="arrowDown" iconSide="right" onClick={onLanguagePopoverClick} color="text">
-      {queryLang}
-    </EuiButton>
-  );
-
-  const onQuerySearch = (lang) => {
+  const onQuerySearch = () => {
     handleTimeRangePickerRefresh();
   };
 
@@ -215,150 +243,299 @@ export const Search = (props: any) => {
     }
   }, [pollingResult, pollingError]);
 
+  useEffect(() => {
+    // set index and olly query assistant question if changed elsewhere
+    if (!queryRedux.ollyQueryAssistant) return;
+    if (queryRedux.index.length > 0) {
+      const reduxIndex = [{ label: queryRedux.index }];
+      setSelectedIndex(reduxIndex);
+      // sets the editor text and populates sidebar field for a particular index upon initialization
+      const indexQuery = `source = ${reduxIndex[0].label}`;
+      handleQueryChange(indexQuery);
+      getAvailableFields(indexQuery);
+    }
+    if (queryRedux.ollyQueryAssistant.length > 0) {
+      setNlqInput(queryRedux.ollyQueryAssistant);
+      // remove index and olly query assistant
+      dispatch(
+        changeData({
+          tabId: props.tabId,
+          data: {
+            [INDEX]: '',
+            [OLLY_QUERY_ASSISTANT]: '',
+          },
+        })
+      );
+    }
+  }, [queryRedux.index, queryRedux.ollyQueryAssistant]);
+
+  const runChanges = () => {
+    batch(() => {
+      dispatch(reset({ tabId }));
+      dispatch(resetSummary({ tabId }));
+      dispatch(changeQuery({ tabId, query: { [RAW_QUERY]: tempQuery } }));
+    });
+    onQuerySearch(queryLang);
+    handleTimePickerChange(timeRange);
+    setNeedsUpdate(false);
+  };
+
+  //  STATE FOR LANG PICKER AND INDEX PICKER
+  const [selectedIndex, setSelectedIndex] = useState<EuiComboBoxOptionOption[]>([
+    { label: 'opensearch_dashboards_sample_data_logs' },
+  ]);
+  const { data: indices, loading: indicesLoading } = useCatIndices();
+  const { data: indexPatterns, loading: indexPatternsLoading } = useGetIndexPatterns();
+  const indicesAndIndexPatterns =
+    indexPatterns && indices
+      ? [...indexPatterns, ...indices].filter(
+          (v1, index, array) => array.findIndex((v2) => v1.label === v2.label) === index
+        )
+      : undefined;
+  const loading = indicesLoading || indexPatternsLoading;
+
   return (
     <div className="globalQueryBar">
-      <EuiFlexGroup gutterSize="s" justifyContent="flexStart" alignItems="flexStart" wrap>
-        {appLogEvents && (
-          <EuiFlexItem style={{ minWidth: 110 }} grow={false}>
-            <EuiToolTip position="top" content={baseQuery}>
-              <EuiBadge className="base-query-popover" color="hollow">
-                Base Query
-              </EuiBadge>
-            </EuiToolTip>
-          </EuiFlexItem>
-        )}
-        {!appLogEvents && (
-          <EuiFlexItem key="lang-selector" className="search-area lang-selector" grow={false}>
-            <EuiPopover
-              id="smallContextMenuExample"
-              button={languagePopOverButton}
-              isOpen={isLanguagePopoverOpen}
-              closePopover={closeLanguagePopover}
-              panelPaddingSize="none"
-              anchorPosition="downLeft"
-            >
-              <EuiContextMenuPanel size="s" items={languagePopOverItems} />
-            </EuiPopover>
-          </EuiFlexItem>
-        )}
-        <EuiFlexItem key="search-bar" className="search-area" grow={5} style={{ minWidth: 400 }}>
-          <Autocomplete
-            key={'autocomplete-search-bar'}
-            query={query}
-            tempQuery={tempQuery}
-            baseQuery={baseQuery}
-            handleQueryChange={handleQueryChange}
-            handleQuerySearch={() => {
-              onQuerySearch(queryLang);
-            }}
-            dslService={dslService}
-            getSuggestions={getSuggestions}
-            onItemSelect={onItemSelect}
-            tabId={tabId}
-          />
-          <EuiBadge
-            className={`ppl-link ${
-              uiSettingsService.get('theme:darkMode') ? 'ppl-link-dark' : 'ppl-link-light'
-            }`}
-            color="hollow"
-            onClick={() => showFlyout()}
-            onClickAriaLabel={'pplLinkShowFlyout'}
-          >
-            PPL
-          </EuiBadge>
-        </EuiFlexItem>
-        <EuiFlexItem grow={false} />
-        <EuiFlexItem className="euiFlexItem--flexGrowZero event-date-picker" grow={false}>
-          {!isLiveTailOn && (
-            <DatePicker
-              startTime={startTime}
-              endTime={endTime}
-              setStartTime={setStartTime}
-              setEndTime={setEndTime}
-              setIsOutputStale={setIsOutputStale}
-              liveStreamChecked={props.liveStreamChecked}
-              onLiveStreamChange={props.onLiveStreamChange}
-              handleTimePickerChange={(timeRange: string[]) => handleTimePickerChange(timeRange)}
-              handleTimeRangePickerRefresh={() => {
-                onQuerySearch(queryLang);
-              }}
-            />
-          )}
-        </EuiFlexItem>
-        {showSaveButton && !showSavePanelOptionsList && (
-          <EuiFlexItem className="euiFlexItem--flexGrowZero live-tail">
-            <EuiPopover
-              panelPaddingSize="none"
-              button={liveButton}
-              isOpen={isLiveTailPopoverOpen}
-              closePopover={closeLiveTailPopover}
-            >
-              <EuiContextMenuPanel items={popoverItems} />
-            </EuiPopover>
-          </EuiFlexItem>
-        )}
-        {isLiveTailOn && (
-          <EuiFlexItem grow={false}>
-            <StopLiveButton StopLive={stopLive} dataTestSubj="eventLiveTail__off" />
-          </EuiFlexItem>
-        )}
-        {showSaveButton && searchBarConfigs[selectedSubTabId]?.showSaveButton && (
-          <>
-            <EuiFlexItem key={'search-save-'} className="euiFlexItem--flexGrowZero">
-              <EuiPopover
-                button={Savebutton}
-                isOpen={isSavePanelOpen}
-                closePopover={() => setIsSavePanelOpen(false)}
+      <EuiFlexGroup direction="column" gutterSize="s">
+        <EuiFlexItem>
+          <EuiFlexGroup gutterSize="s" justifyContent="flexEnd" alignItems="center" wrap>
+            {appLogEvents && (
+              <EuiFlexItem style={{ minWidth: 110 }} grow={false}>
+                <EuiToolTip position="top" content={baseQuery}>
+                  <EuiBadge className="base-query-popover" color="hollow" style={{ marginTop: 0 }}>
+                    Base Query
+                  </EuiBadge>
+                </EuiToolTip>
+              </EuiFlexItem>
+            )}
+            {!appLogEvents && (
+              <>
+                <EuiFlexItem key="lang-selector" className="search-area lang-selector" grow={false}>
+                  <EuiSuperSelect
+                    options={languageOptions}
+                    valueOfSelected={queryLang}
+                    onChange={(lang: QUERY_LANGUAGE) => {
+                      handleQueryLanguageChange(lang);
+                      setQueryLang(lang);
+                    }}
+                  />
+                </EuiFlexItem>
+                <EuiFlexItem grow={false}>
+                  <EuiIcon
+                    className={`${
+                      uiSettingsService.get('theme:darkMode') ? 'ppl-link-dark' : 'ppl-link-light'
+                    }`}
+                    type="questionInCircle"
+                    size="l"
+                    onClick={() => showFlyout()}
+                    color="#159D8D"
+                    // onClickAriaLabel={'pplLinkShowFlyout'}
+                  />
+                </EuiFlexItem>
+                {coreRefs.queryAssistEnabled && (
+                  <EuiFlexItem>
+                    <EuiComboBox
+                      placeholder="Select an index"
+                      isClearable={true}
+                      prepend={<EuiText>Index</EuiText>}
+                      singleSelection={true}
+                      isLoading={loading}
+                      options={indicesAndIndexPatterns}
+                      selectedOptions={selectedIndex}
+                      onChange={(index) => {
+                        // clear previous state
+                        batch(() => {
+                          dispatch(reset({ tabId }));
+                          dispatch(resetSummary({ tabId }));
+                        });
+                        // change the query in the editor to be just source=
+                        const indexQuery = `source = ${index[0].label}`;
+                        handleQueryChange(indexQuery);
+                        // get the fields into the sidebar
+                        getAvailableFields(indexQuery);
+                        setSelectedIndex(index);
+                      }}
+                    />
+                  </EuiFlexItem>
+                )}
+              </>
+            )}
+            {!showQueryArea && (
+              <EuiFlexItem
+                key="search-bar"
+                className="search-area"
+                grow={5}
+                style={{ minWidth: 400 }}
               >
-                <SavePanel
-                  selectedOptions={selectedCustomPanelOptions}
-                  handleNameChange={setSelectedPanelName}
-                  handleOptionChange={setSelectedCustomPanelOptions}
-                  savedObjects={savedObjects}
-                  isTextFieldInvalid={isPanelTextFieldInvalid}
-                  savePanelName={selectedPanelName}
-                  showOptionList={
-                    showSavePanelOptionsList &&
-                    searchBarConfigs[selectedSubTabId]?.showSavePanelOptionsList
-                  }
-                  curVisId={curVisId}
-                  setSubType={setSubType}
-                  isSaveAsMetricEnabled={() => {
-                    return (
-                      isEqual(curVisId, 'line') &&
-                      tempQuery &&
-                      tempQuery.match(PPL_SPAN_REGEX) !== null
+                <Autocomplete
+                  key={'autocomplete-search-bar'}
+                  query={query}
+                  tempQuery={tempQuery}
+                  baseQuery={baseQuery}
+                  handleQueryChange={handleQueryChange}
+                  handleQuerySearch={() => {
+                    onQuerySearch(queryLang);
+                  }}
+                  dslService={dslService}
+                  getSuggestions={getSuggestions}
+                  onItemSelect={onItemSelect}
+                  tabId={tabId}
+                />
+                <EuiBadge
+                  className={`ppl-link ${
+                    uiSettingsService.get('theme:darkMode') ? 'ppl-link-dark' : 'ppl-link-light'
+                  }`}
+                  color="hollow"
+                  onClick={() => showFlyout()}
+                  onClickAriaLabel={'pplLinkShowFlyout'}
+                >
+                  PPL
+                </EuiBadge>
+              </EuiFlexItem>
+            )}
+            <EuiFlexItem grow={false} />
+            <EuiFlexItem className="euiFlexItem--flexGrowZero event-date-picker" grow={false}>
+              {!isLiveTailOn && (
+                <DatePicker
+                  startTime={startTime}
+                  endTime={endTime}
+                  setStartTime={setStartTime}
+                  setEndTime={setEndTime}
+                  setIsOutputStale={setIsOutputStale}
+                  liveStreamChecked={props.liveStreamChecked}
+                  onLiveStreamChange={props.onLiveStreamChange}
+                  handleTimePickerChange={(tRange: string[]) => {
+                    // modifies run button to look like the update button, if there is a time change, disables timepicker setting update if timepicker is disabled
+                    setNeedsUpdate(
+                      !showQueryArea && // keeps statement false if using query assistant ui, timepicker shouldn't change run button
+                        !(tRange[0] === startTime && tRange[1] === endTime) // checks to see if the time given is different from prev
                     );
+                    // keeps the time range change local, to be used when update pressed
+                    setTimeRange(tRange);
+                    setStartTime(tRange[0]);
+                    setEndTime(tRange[1]);
+                  }}
+                  handleTimeRangePickerRefresh={() => {
+                    onQuerySearch(queryLang);
                   }}
+                  isAppAnalytics={isAppAnalytics}
                 />
-                <EuiPopoverFooter>
-                  <EuiFlexGroup justifyContent="flexEnd">
-                    <EuiFlexItem grow={false}>
-                      <EuiButtonEmpty
-                        size="s"
-                        onClick={() => setIsSavePanelOpen(false)}
-                        data-test-subj="eventExplorer__querySaveCancel"
-                      >
-                        Cancel
-                      </EuiButtonEmpty>
-                    </EuiFlexItem>
-                    <EuiFlexItem grow={false}>
-                      <EuiButton
-                        size="s"
-                        fill
-                        onClick={() => {
-                          handleSavingObject();
-                          setIsSavePanelOpen(false);
-                        }}
-                        data-test-subj="eventExplorer__querySaveConfirm"
-                      >
-                        Save
-                      </EuiButton>
-                    </EuiFlexItem>
-                  </EuiFlexGroup>
-                </EuiPopoverFooter>
-              </EuiPopover>
+              )}
             </EuiFlexItem>
+            <EuiFlexItem grow={false}>
+              <EuiToolTip position="bottom" content={needsUpdate ? 'Click to apply' : false}>
+                <EuiButton
+                  color={needsUpdate ? 'success' : 'primary'}
+                  iconType={needsUpdate ? 'kqlFunction' : 'play'}
+                  fill={!showQueryArea || fillRun} // keep fill on all the time if not using query assistant
+                  onClick={runChanges}
+                >
+                  {needsUpdate ? 'Update' : 'Run'}
+                </EuiButton>
+              </EuiToolTip>
+            </EuiFlexItem>
+            {!showQueryArea && showSaveButton && !showSavePanelOptionsList && (
+              <EuiFlexItem className="euiFlexItem--flexGrowZero live-tail">
+                <EuiPopover
+                  panelPaddingSize="none"
+                  button={liveButton}
+                  isOpen={isLiveTailPopoverOpen}
+                  closePopover={closeLiveTailPopover}
+                >
+                  <EuiContextMenuPanel items={popoverItems} />
+                </EuiPopover>
+              </EuiFlexItem>
+            )}
+            {!showQueryArea && isLiveTailOn && (
+              <EuiFlexItem grow={false}>
+                <StopLiveButton StopLive={stopLive} dataTestSubj="eventLiveTail__off" />
+              </EuiFlexItem>
+            )}
+            {showSaveButton && searchBarConfigs[selectedSubTabId]?.showSaveButton && (
+              <>
+                <EuiFlexItem key={'search-save-'} className="euiFlexItem--flexGrowZero">
+                  <EuiPopover
+                    button={Savebutton}
+                    isOpen={isSavePanelOpen}
+                    closePopover={() => setIsSavePanelOpen(false)}
+                  >
+                    <SavePanel
+                      selectedOptions={selectedCustomPanelOptions}
+                      handleNameChange={setSelectedPanelName}
+                      handleOptionChange={setSelectedCustomPanelOptions}
+                      savedObjects={savedObjects}
+                      isTextFieldInvalid={isPanelTextFieldInvalid}
+                      savePanelName={selectedPanelName}
+                      showOptionList={
+                        showSavePanelOptionsList &&
+                        searchBarConfigs[selectedSubTabId]?.showSavePanelOptionsList
+                      }
+                      curVisId={curVisId}
+                      setSubType={setSubType}
+                      isSaveAsMetricEnabled={
+                        isEqual(curVisId, 'line') && tempQuery.match(PPL_SPAN_REGEX) !== null
+                      }
+                    />
+                    <EuiPopoverFooter>
+                      <EuiFlexGroup justifyContent="flexEnd">
+                        <EuiFlexItem grow={false}>
+                          <EuiButtonEmpty
+                            size="s"
+                            onClick={() => setIsSavePanelOpen(false)}
+                            data-test-subj="eventExplorer__querySaveCancel"
+                          >
+                            Cancel
+                          </EuiButtonEmpty>
+                        </EuiFlexItem>
+                        <EuiFlexItem grow={false}>
+                          <EuiButton
+                            size="s"
+                            fill
+                            onClick={() => {
+                              handleSavingObject();
+                              setIsSavePanelOpen(false);
+                            }}
+                            data-test-subj="eventExplorer__querySaveConfirm"
+                          >
+                            Save
+                          </EuiButton>
+                        </EuiFlexItem>
+                      </EuiFlexGroup>
+                    </EuiPopoverFooter>
+                  </EuiPopover>
+                </EuiFlexItem>
+              </>
+            )}
+          </EuiFlexGroup>
+        </EuiFlexItem>
+        {showQueryArea && (
+          <>
+            <EuiFlexItem>
+              <QueryArea
+                tabId={tabId}
+                handleQueryChange={handleQueryChange}
+                handleTimePickerChange={handleTimePickerChange}
+                handleTimeRangePickerRefresh={handleTimeRangePickerRefresh}
+                runQuery={query}
+                tempQuery={tempQuery}
+                setNeedsUpdate={setNeedsUpdate}
+                setFillRun={setFillRun}
+                selectedIndex={selectedIndex}
+                nlqInput={nlqInput}
+                setNlqInput={setNlqInput}
+                pplService={pplService}
+              />
+            </EuiFlexItem>
+            {(queryAssistantSummarization?.summary?.length > 0 ||
+              queryAssistantSummarization?.summaryLoading) && (
+              <EuiFlexItem grow={false}>
+                <QueryAssistSummarization
+                  queryAssistantSummarization={queryAssistantSummarization}
+                  setNlqInput={setNlqInput}
+                  showFlyout={showFlyout}
+                />
+              </EuiFlexItem>
+            )}
           </>
         )}
       </EuiFlexGroup>
diff --git a/public/components/common/search/sql_search.tsx b/public/components/common/search/sql_search.tsx
index 69e1f2610..a70746364 100644
--- a/public/components/common/search/sql_search.tsx
+++ b/public/components/common/search/sql_search.tsx
@@ -97,7 +97,7 @@ export const DirectSearch = (props: any) => {
 
   const {
     data: pollingResult,
-    loading: pollingLoading,
+    loading: _pollingLoading,
     error: pollingError,
     startPolling,
     stopPolling,
@@ -139,7 +139,7 @@ export const DirectSearch = (props: any) => {
     </EuiButton>
   );
 
-  const handleQueryLanguageChange = (lang: string) => {
+  const handleQueryLanguageChange = (lang: QUERY_LANGUAGE) => {
     if (lang === 'DQL') {
       application!.navigateToUrl('../app/data-explorer/discover');
       return;
diff --git a/public/components/datasources/icons/query-assistant-logo.svg b/public/components/datasources/icons/query-assistant-logo.svg
new file mode 100644
index 000000000..d21737d82
--- /dev/null
+++ b/public/components/datasources/icons/query-assistant-logo.svg
@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 23.9184C19.1377 23.6757 19.1208 22.9092 19.1208 22.2802V19.7544H20.5714C22.465 19.7544 24 18.3575 24 16.6343V5.12003C24 3.39684 22.465 2 20.5714 2H3.42857C1.53497 2 0 3.39688 0 5.12003V16.6343C0 18.3575 1.53502 19.7544 3.42857 19.7544H12.1536L17 23.3852C17.492 23.8271 17.8621 24.161 18.5 23.9184Z" fill="#963CBD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 23.9184C19.1377 23.6757 19.1208 22.9092 19.1208 22.2802V19.7544H20.5714C22.465 19.7544 24 18.3575 24 16.6343V5.12003C24 3.39684 22.465 2 20.5714 2H3.42857C1.53497 2 0 3.39688 0 5.12003V16.6343C0 18.3575 1.53502 19.7544 3.42857 19.7544H12.1536L17 23.3852C17.492 23.8271 17.8621 24.161 18.5 23.9184Z" fill="url(#paint0_linear_6509_78043)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 23.9184C19.1377 23.6757 19.1208 22.9092 19.1208 22.2802V19.7544H20.5714C22.465 19.7544 24 18.3575 24 16.6343V5.12003C24 3.39684 22.465 2 20.5714 2H3.42857C1.53497 2 0 3.39688 0 5.12003V16.6343C0 18.3575 1.53502 19.7544 3.42857 19.7544H12.1536L17 23.3852C17.492 23.8271 17.8621 24.161 18.5 23.9184Z" fill="url(#paint1_linear_6509_78043)"/>
+<path d="M18.5051 9.14062C18.2317 9.14062 18.0101 9.36222 18.0101 9.63556C18.0101 13.7084 14.7084 17.0101 10.6356 17.0101C10.3622 17.0101 10.1406 17.2317 10.1406 17.5051C10.1406 17.7784 10.3622 18 10.6356 18C15.2551 18 19 14.2551 19 9.63556C19 9.36222 18.7784 9.14062 18.5051 9.14062Z" fill="#FCFEFF"/>
+<path d="M15.5178 12.3125C15.9938 11.536 16.4541 10.5008 16.3635 9.05139C16.1759 6.04909 13.4566 3.77149 10.8889 4.01832C9.88366 4.11495 8.85149 4.93433 8.94319 6.40198C8.98304 7.03978 9.29521 7.4162 9.80252 7.70561C10.2854 7.98108 10.9058 8.15557 11.609 8.35337C12.4585 8.59231 13.4439 8.86068 14.2013 9.4188C15.109 10.0877 15.7295 10.8631 15.5178 12.3125Z" fill="#FCFEFF"/>
+<path d="M5.8572 7.0625C5.38123 7.83895 4.92092 8.87423 5.01148 10.3236C5.19908 13.3259 7.91837 15.6035 10.4861 15.3567C11.4913 15.2601 12.5235 14.4407 12.4318 12.973C12.392 12.3352 12.0798 11.9588 11.5725 11.6694C11.0896 11.3939 10.4692 11.2194 9.76596 11.0216C8.91645 10.7827 7.93106 10.5143 7.17371 9.9562C6.26601 9.28728 5.64551 8.51188 5.8572 7.0625Z" fill="#FCFEFF"/>
+<defs>
+<linearGradient id="paint0_linear_6509_78043" x1="50" y1="-10.2851" x2="15.53" y2="27.0953" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F65275"/>
+<stop offset="1" stop-color="#F65275" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_6509_78043" x1="12" y1="2" x2="12" y2="23.8402" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00A3E0"/>
+<stop offset="1" stop-color="#00A3E0" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public/components/event_analytics/__tests__/__snapshots__/no_results.test.tsx.snap b/public/components/event_analytics/__tests__/__snapshots__/no_results.test.tsx.snap
index 9092d4be2..0fe3612fb 100644
--- a/public/components/event_analytics/__tests__/__snapshots__/no_results.test.tsx.snap
+++ b/public/components/event_analytics/__tests__/__snapshots__/no_results.test.tsx.snap
@@ -1,142 +1,156 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`No result component Renders No result component 1`] = `
-<NoResults>
-  <EuiPage
-    paddingSize="s"
+<Provider
+  store={
+    Object {
+      "dispatch": [Function],
+      "getState": [Function],
+      "replaceReducer": [Function],
+      "subscribe": [Function],
+      Symbol(Symbol.observable): [Function],
+    }
+  }
+>
+  <NoResults
+    tabId="OBSERVABILITY_DEFAULT_TAB"
   >
-    <div
-      className="euiPage euiPage--paddingSmall euiPage--grow"
+    <EuiPage
+      paddingSize="s"
     >
-      <EuiFlexGroup
-        direction="column"
-        justifyContent="center"
+      <div
+        className="euiPage euiPage--paddingSmall euiPage--grow"
       >
-        <div
-          className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        <EuiFlexGroup
+          direction="column"
+          justifyContent="center"
         >
-          <EuiFlexItem
-            grow={false}
+          <div
+            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
           >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
+            <EuiFlexItem
+              grow={false}
             >
-              <EuiCallOut
-                color="warning"
-                data-test-subj="observabilityNoResultsCallout"
-                iconType="help"
-                title={
-                  <FormattedMessage
-                    defaultMessage="No results match your search criteria"
-                    id="observability.noResults.noResultsMatchSearchCriteriaTitle"
-                    values={Object {}}
-                  />
-                }
+              <div
+                className="euiFlexItem euiFlexItem--flexGrowZero"
               >
-                <div
-                  className="euiCallOut euiCallOut--warning"
+                <EuiCallOut
+                  color="warning"
                   data-test-subj="observabilityNoResultsCallout"
+                  iconType="help"
+                  title={
+                    <FormattedMessage
+                      defaultMessage="No results match your search criteria"
+                      id="observability.noResults.noResultsMatchSearchCriteriaTitle"
+                      values={Object {}}
+                    />
+                  }
                 >
                   <div
-                    className="euiCallOutHeader"
+                    className="euiCallOut euiCallOut--warning"
+                    data-test-subj="observabilityNoResultsCallout"
                   >
-                    <EuiIcon
-                      aria-hidden="true"
-                      className="euiCallOutHeader__icon"
-                      color="inherit"
-                      size="m"
-                      type="help"
+                    <div
+                      className="euiCallOutHeader"
                     >
-                      <EuiIconBeaker
-                        aria-hidden={true}
-                        className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiCallOutHeader__icon"
-                        focusable="false"
-                        role="img"
-                        style={null}
+                      <EuiIcon
+                        aria-hidden="true"
+                        className="euiCallOutHeader__icon"
+                        color="inherit"
+                        size="m"
+                        type="help"
                       >
-                        <svg
+                        <EuiIconBeaker
                           aria-hidden={true}
                           className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiCallOutHeader__icon"
                           focusable="false"
-                          height={16}
                           role="img"
                           style={null}
-                          viewBox="0 0 16 16"
-                          width={16}
-                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <path
-                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                          />
-                        </svg>
-                      </EuiIconBeaker>
-                    </EuiIcon>
-                    <span
-                      className="euiCallOutHeader__title"
+                          <svg
+                            aria-hidden={true}
+                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiCallOutHeader__icon"
+                            focusable="false"
+                            height={16}
+                            role="img"
+                            style={null}
+                            viewBox="0 0 16 16"
+                            width={16}
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                            />
+                          </svg>
+                        </EuiIconBeaker>
+                      </EuiIcon>
+                      <span
+                        className="euiCallOutHeader__title"
+                      >
+                        <FormattedMessage
+                          defaultMessage="No results match your search criteria"
+                          id="observability.noResults.noResultsMatchSearchCriteriaTitle"
+                          values={Object {}}
+                        >
+                          <span>
+                            No results match your search criteria
+                          </span>
+                        </FormattedMessage>
+                      </span>
+                    </div>
+                  </div>
+                </EuiCallOut>
+              </div>
+            </EuiFlexItem>
+            <EuiFlexItem
+              grow={false}
+            >
+              <div
+                className="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <EuiSpacer
+                  size="s"
+                >
+                  <div
+                    className="euiSpacer euiSpacer--s"
+                  />
+                </EuiSpacer>
+                <EuiText>
+                  <div
+                    className="euiText euiText--medium"
+                  >
+                    <h2
+                      data-test-subj="obsNoResultsTimefilter"
                     >
                       <FormattedMessage
-                        defaultMessage="No results match your search criteria"
-                        id="observability.noResults.noResultsMatchSearchCriteriaTitle"
+                        defaultMessage="Select a data source, expand your time range, or modify the query"
+                        id="observability.noResults.expandYourTimeRangeTitle"
                         values={Object {}}
                       >
                         <span>
-                          No results match your search criteria
+                          Select a data source, expand your time range, or modify the query
                         </span>
                       </FormattedMessage>
-                    </span>
+                    </h2>
+                    <p>
+                      <FormattedMessage
+                        defaultMessage="After selection, check the time range, query filters, fields, and query"
+                        id="observability.noResults.queryMayNotMatchTitle"
+                        values={Object {}}
+                      >
+                        <span>
+                          After selection, check the time range, query filters, fields, and query
+                        </span>
+                      </FormattedMessage>
+                    </p>
                   </div>
-                </div>
-              </EuiCallOut>
-            </div>
-          </EuiFlexItem>
-          <EuiFlexItem
-            grow={false}
-          >
-            <div
-              className="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <EuiSpacer
-                size="s"
-              >
-                <div
-                  className="euiSpacer euiSpacer--s"
-                />
-              </EuiSpacer>
-              <EuiText>
-                <div
-                  className="euiText euiText--medium"
-                >
-                  <h2
-                    data-test-subj="obsNoResultsTimefilter"
-                  >
-                    <FormattedMessage
-                      defaultMessage="Select a data source, expand your time range, or modify the query"
-                      id="observability.noResults.expandYourTimeRangeTitle"
-                      values={Object {}}
-                    >
-                      <span>
-                        Select a data source, expand your time range, or modify the query
-                      </span>
-                    </FormattedMessage>
-                  </h2>
-                  <p>
-                    <FormattedMessage
-                      defaultMessage="After selection, check the time range, query filters, fields, and query"
-                      id="observability.noResults.queryMayNotMatchTitle"
-                      values={Object {}}
-                    >
-                      <span>
-                        After selection, check the time range, query filters, fields, and query
-                      </span>
-                    </FormattedMessage>
-                  </p>
-                </div>
-              </EuiText>
-            </div>
-          </EuiFlexItem>
-        </div>
-      </EuiFlexGroup>
-    </div>
-  </EuiPage>
-</NoResults>
+                </EuiText>
+              </div>
+            </EuiFlexItem>
+          </div>
+        </EuiFlexGroup>
+      </div>
+    </EuiPage>
+  </NoResults>
+</Provider>
 `;
diff --git a/public/components/event_analytics/__tests__/no_results.test.tsx b/public/components/event_analytics/__tests__/no_results.test.tsx
index 1bc6c9eb1..7d545ddf4 100644
--- a/public/components/event_analytics/__tests__/no_results.test.tsx
+++ b/public/components/event_analytics/__tests__/no_results.test.tsx
@@ -8,20 +8,28 @@ import Adapter from 'enzyme-adapter-react-16';
 import React from 'react';
 import { waitFor } from '@testing-library/react';
 import { NoResults } from '../explorer/no_results';
+import { initialTabId } from '../../../framework/redux/store/shared_state';
+import { Provider } from 'react-redux';
+import { applyMiddleware, createStore } from '@reduxjs/toolkit';
+import { rootReducer } from '../../../framework/redux/reducers';
+import thunk from 'redux-thunk';
 
 describe('No result component', () => {
   configure({ adapter: new Adapter() });
 
   it('Renders No result component', async () => {
-    
+    const store = createStore(rootReducer, applyMiddleware(thunk));
+
     const wrapper = mount(
-      <NoResults />
+      <Provider store={store}>
+        <NoResults tabId={initialTabId} />
+      </Provider>
     );
-    
+
     wrapper.update();
 
     await waitFor(() => {
       expect(wrapper).toMatchSnapshot();
     });
   });
-});
\ No newline at end of file
+});
diff --git a/public/components/event_analytics/explorer/datasources/datasources_selection.tsx b/public/components/event_analytics/explorer/datasources/datasources_selection.tsx
index 3c6e34df1..122e7cc7f 100644
--- a/public/components/event_analytics/explorer/datasources/datasources_selection.tsx
+++ b/public/components/event_analytics/explorer/datasources/datasources_selection.tsx
@@ -20,9 +20,9 @@ import { reset as resetCountDistribution } from '../../redux/slices/count_distri
 import { reset as resetFields } from '../../redux/slices/field_slice';
 import { reset as resetPatterns } from '../../redux/slices/patterns_slice';
 import { reset as resetQueryResults } from '../../redux/slices/query_result_slice';
+import { changeData, reset as resetQuery } from '../../redux/slices/query_slice';
 import { reset as resetVisualization } from '../../redux/slices/visualization_slice';
 import { reset as resetVisConfig } from '../../redux/slices/viualization_config_slice';
-import { reset as resetQuery } from '../../redux/slices/query_slice';
 import { DirectQueryRequest, SelectedDataSource } from '../../../../../common/types/explorer';
 import { ObservabilityDefaultDataSource } from '../../../../framework/datasources/obs_opensearch_datasource';
 import {
@@ -34,6 +34,8 @@ import {
   DEFAULT_DATA_SOURCE_OBSERVABILITY_DISPLAY_NAME,
   DATA_SOURCE_TYPES,
   QUERY_LANGUAGE,
+  OLLY_QUESTION_URL_PARAM_KEY,
+  INDEX_URL_PARAM_KEY,
 } from '../../../../../common/constants/data_sources';
 import { SQLService } from '../../../../services/requests/sql';
 import { get as getObjValue } from '../../../../../common/utils/shared';
@@ -42,6 +44,11 @@ import {
   getAsyncSessionId,
 } from '../../../../../common/utils/query_session_utils';
 import { DIRECT_DUMMY_QUERY } from '../../../../../common/constants/shared';
+import {
+  INDEX,
+  OLLY_QUERY_ASSISTANT,
+  SELECTED_TIMESTAMP,
+} from '../../../../../common/constants/explorer';
 
 const getDataSourceState = (selectedSourceState: SelectedDataSource[]) => {
   if (selectedSourceState.length === 0) return [];
@@ -69,6 +76,9 @@ const removeDataSourceFromURLParams = (currURL: string) => {
     // Remove the data source redirection parameters
     hashParams.delete(DATA_SOURCE_NAME_URL_PARAM_KEY);
     hashParams.delete(DATA_SOURCE_TYPE_URL_PARAM_KEY);
+    hashParams.delete(OLLY_QUESTION_URL_PARAM_KEY);
+    hashParams.delete(INDEX_URL_PARAM_KEY);
+    hashParams.delete('timestamp');
 
     // Reconstruct the hash
     currentURL.hash = hashParams.toString() ? `${hashBase}?${hashParams.toString()}` : hashBase;
@@ -178,6 +188,10 @@ export const DataSourceSelection = ({ tabId }: { tabId: string }) => {
   useEffect(() => {
     const datasourceName = routerContext?.searchParams.get(DATA_SOURCE_NAME_URL_PARAM_KEY);
     const datasourceType = routerContext?.searchParams.get(DATA_SOURCE_TYPE_URL_PARAM_KEY);
+    const idxPattern = routerContext?.searchParams.get(INDEX_URL_PARAM_KEY);
+    const ollyQuestion = routerContext?.searchParams.get(OLLY_QUESTION_URL_PARAM_KEY) || '';
+    const decodedOllyQ = decodeURIComponent(ollyQuestion);
+    const parsedTimeStamp = routerContext?.searchParams.get('timestamp') || '';
     if (datasourceName && datasourceType) {
       // remove datasourceName and datasourceType from URL for a clean search state
       removeDataSourceFromURLParams(window.location.href);
@@ -190,6 +204,18 @@ export const DataSourceSelection = ({ tabId }: { tabId: string }) => {
           })
         );
       });
+      if (idxPattern && decodedOllyQ) {
+        dispatch(
+          changeData({
+            tabId,
+            data: {
+              [INDEX]: idxPattern,
+              [OLLY_QUERY_ASSISTANT]: decodedOllyQ,
+              [SELECTED_TIMESTAMP]: parsedTimeStamp,
+            },
+          })
+        );
+      }
     }
   }, []);
 
diff --git a/public/components/event_analytics/explorer/events_views/data_grid.tsx b/public/components/event_analytics/explorer/events_views/data_grid.tsx
index 56cac6abb..18679a8a2 100644
--- a/public/components/event_analytics/explorer/events_views/data_grid.tsx
+++ b/public/components/event_analytics/explorer/events_views/data_grid.tsx
@@ -3,30 +3,29 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import React, { useMemo, useState, useRef, Fragment, useCallback } from 'react';
 import {
   EuiDataGrid,
+  EuiDataGridColumn,
+  EuiDataGridSorting,
   EuiDescriptionList,
   EuiDescriptionListDescription,
   EuiDescriptionListTitle,
-  EuiDataGridColumn,
-  EuiDataGridSorting,
   EuiPanel,
 } from '@elastic/eui';
 import moment from 'moment';
-import { MutableRefObject } from 'react';
-import { IExplorerFields, IField } from '../../../../../common/types/explorer';
+import React, { Fragment, MutableRefObject, useEffect, useRef, useState } from 'react';
+import { HttpSetup } from '../../../../../../../src/core/public';
 import {
   DATE_DISPLAY_FORMAT,
   DEFAULT_EMPTY_EXPLORER_FIELDS,
   DEFAULT_SOURCE_COLUMN,
   DEFAULT_TIMESTAMP_COLUMN,
 } from '../../../../../common/constants/explorer';
-import { HttpSetup } from '../../../../../../../src/core/public';
+import { IExplorerFields, IField } from '../../../../../common/types/explorer';
 import PPLService from '../../../../services/requests/ppl';
-import { FlyoutButton } from './docViewRow';
 import { useFetchEvents } from '../../hooks';
 import { redoQuery } from '../../utils/utils';
+import { FlyoutButton } from './docViewRow';
 
 interface DataGridProps {
   http: HttpSetup;
@@ -48,7 +47,6 @@ export function DataGrid(props: DataGridProps) {
     http,
     pplService,
     rows,
-    rowsAll,
     explorerFields,
     timeStampField,
     rawQuery,
@@ -72,6 +70,10 @@ export function DataGrid(props: DataGridProps) {
 
   const [data, setData] = useState(rows);
 
+  useEffect(() => {
+    setData(rows);
+  }, [rows]);
+
   // setSort and setPage are used to change the query and send a direct request to get data
   const setSort = (sort: EuiDataGridSorting['columns']) => {
     sortingFields.current = sort;
@@ -103,9 +105,9 @@ export function DataGrid(props: DataGridProps) {
   };
 
   // creates the header for each column listing what that column is
-  const dataGridColumns = useMemo(() => {
+  const dataGridColumns = () => {
     const columns: EuiDataGridColumn[] = [];
-    selectedColumns.map(({ name, type }) => {
+    selectedColumns.map(({ name }) => {
       if (name === 'timestamp') {
         columns.push(DEFAULT_TIMESTAMP_COLUMN);
       } else if (name === '_source') {
@@ -119,10 +121,10 @@ export function DataGrid(props: DataGridProps) {
       }
     });
     return columns;
-  }, [explorerFields, totalHits]);
+  };
 
   // used for which columns are visible and their order
-  const dataGridColumnVisibility = useMemo(() => {
+  const dataGridColumnVisibility = () => {
     if (selectedColumns.length > 0) {
       const columns: string[] = [];
       selectedColumns.map(({ name }) => {
@@ -130,17 +132,17 @@ export function DataGrid(props: DataGridProps) {
       });
       return {
         visibleColumns: columns,
-        setVisibleColumns: (visibleColumns: string[]) => {
+        setVisibleColumns: () => {
           // TODO: implement with sidebar field order (dragability) changes
         },
       };
     }
     // default shown fields
     throw new Error('explorer data grid stored columns empty');
-  }, [explorerFields, totalHits]);
+  };
 
   // sets the very first column, which is the button used for the flyout of each row
-  const dataGridLeadingColumns = useMemo(() => {
+  const dataGridLeadingColumns = () => {
     return [
       {
         id: 'inspectCollapseColumn',
@@ -171,70 +173,58 @@ export function DataGrid(props: DataGridProps) {
         width: 40,
       },
     ];
-  }, [rows, http, explorerFields, pplService, rawQuery, timeStampField, totalHits]);
+  };
 
   // renders what is shown in each cell, i.e. the content of each row
-  const dataGridCellRender = useCallback(
-    ({ rowIndex, columnId }: { rowIndex: number; columnId: string }) => {
-      const trueIndex = rowIndex % pageFields.current[1];
-      if (trueIndex < data.length) {
-        if (columnId === '_source') {
-          return (
-            <EuiDescriptionList type="inline" compressed>
-              {Object.keys(data[trueIndex]).map((key) => (
-                <Fragment key={key}>
-                  <EuiDescriptionListTitle className="osdDescriptionListFieldTitle">
-                    {key}
-                  </EuiDescriptionListTitle>
-                  <EuiDescriptionListDescription>
-                    {data[trueIndex][key]}
-                  </EuiDescriptionListDescription>
-                </Fragment>
-              ))}
-            </EuiDescriptionList>
-          );
-        }
-        if (columnId === 'timestamp') {
-          return `${moment(data[trueIndex][columnId]).format(DATE_DISPLAY_FORMAT)}`;
-        }
-        return `${data[trueIndex][columnId]}`;
+  const dataGridCellRender = ({ rowIndex, columnId }: { rowIndex: number; columnId: string }) => {
+    const trueIndex = rowIndex % pageFields.current[1];
+    if (trueIndex < data.length) {
+      if (columnId === '_source') {
+        return (
+          <EuiDescriptionList type="inline" compressed>
+            {Object.keys(data[trueIndex]).map((key) => (
+              <Fragment key={key}>
+                <EuiDescriptionListTitle className="osdDescriptionListFieldTitle">
+                  {key}
+                </EuiDescriptionListTitle>
+                <EuiDescriptionListDescription>
+                  {data[trueIndex][key]}
+                </EuiDescriptionListDescription>
+              </Fragment>
+            ))}
+          </EuiDescriptionList>
+        );
       }
-      return null;
-    },
-    [data, rows, pageFields, explorerFields, totalHits]
-  );
+      if (columnId === 'timestamp') {
+        return `${moment(data[trueIndex][columnId]).format(DATE_DISPLAY_FORMAT)}`;
+      }
+      return `${data[trueIndex][columnId]}`;
+    }
+    return null;
+  };
 
   // ** Pagination config
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 100 });
   // changing the number of items per page, reset index and modify page size
-  const onChangeItemsPerPage = useCallback(
-    (pageSize) =>
-      setPagination(() => {
-        setPage([0, pageSize]);
-        return { pageIndex: 0, pageSize };
-      }),
-    [setPagination, setPage, totalHits]
-  );
+  const onChangeItemsPerPage = (pageSize) =>
+    setPagination(() => {
+      setPage([0, pageSize]);
+      return { pageIndex: 0, pageSize };
+    });
   // changing the page index, keep page size constant
-  const onChangePage = useCallback(
-    (pageIndex) => {
-      setPagination(({ pageSize }) => {
-        setPage([pageIndex, pageSize]);
-        return { pageSize, pageIndex };
-      });
-    },
-    [setPagination, setPage, totalHits]
-  );
+  const onChangePage = (pageIndex) => {
+    setPagination(({ pageSize }) => {
+      setPage([pageIndex, pageSize]);
+      return { pageSize, pageIndex };
+    });
+  };
 
-  const rowHeightsOptions = useMemo(
-    () => ({
-      defaultHeight: {
-        // if source is listed as a column, add extra space
-        lineCount: selectedColumns.some((obj) => obj.name === '_source') ? 3 : 1,
-      },
-    }),
-    [explorerFields, totalHits]
-  );
+  const rowHeightsOptions = () => ({
+    defaultHeight: {
+      // if source is listed as a column, add extra space
+      lineCount: selectedColumns.some((obj) => obj.name === '_source') ? 3 : 1,
+    },
+  });
 
   // TODO: memoize the expensive table below
 
@@ -244,9 +234,9 @@ export function DataGrid(props: DataGridProps) {
         <EuiDataGrid
           aria-labelledby="aria-labelledby"
           data-test-subj="docTable"
-          columns={dataGridColumns}
-          columnVisibility={dataGridColumnVisibility}
-          leadingControlColumns={dataGridLeadingColumns}
+          columns={dataGridColumns()}
+          columnVisibility={dataGridColumnVisibility()}
+          leadingControlColumns={dataGridLeadingColumns()}
           rowCount={totalHits}
           renderCellValue={dataGridCellRender}
           pagination={{
@@ -267,7 +257,7 @@ export function DataGrid(props: DataGridProps) {
             showFullScreenSelector: false,
             showStyleSelector: false,
           }}
-          rowHeightsOptions={rowHeightsOptions}
+          rowHeightsOptions={rowHeightsOptions()}
         />
       </div>
     </EuiPanel>
diff --git a/public/components/event_analytics/explorer/explorer.tsx b/public/components/event_analytics/explorer/explorer.tsx
index fd88697b3..0d7b0efec 100644
--- a/public/components/event_analytics/explorer/explorer.tsx
+++ b/public/components/event_analytics/explorer/explorer.tsx
@@ -33,6 +33,10 @@ import React, {
 } from 'react';
 import { batch, useDispatch, useSelector } from 'react-redux';
 import { LogExplorerRouterContext } from '..';
+import {
+  DEFAULT_DATA_SOURCE_TYPE,
+  QUERY_LANGUAGE,
+} from '../../../../common/constants/data_sources';
 import {
   CREATE_TAB_PARAM,
   CREATE_TAB_PARAM_KEY,
@@ -74,11 +78,14 @@ import {
   getSavingCommonParams,
   uiSettingsService,
 } from '../../../../common/utils';
+import { coreRefs } from '../../../framework/core_refs';
+import { initialTabId } from '../../../framework/redux/store/shared_state';
 import { PPLDataFetcher } from '../../../services/data_fetchers/ppl/ppl_data_fetcher';
 import { getSavedObjectsClient } from '../../../services/saved_objects/saved_object_client/client_factory';
-import { OSDSavedVisualizationClient } from '../../../services/saved_objects/saved_object_client/osd_saved_objects/saved_visualization';
 import { OSDSavedSearchClient } from '../../../services/saved_objects/saved_object_client/osd_saved_objects/saved_searches';
+import { OSDSavedVisualizationClient } from '../../../services/saved_objects/saved_object_client/osd_saved_objects/saved_visualization';
 import { PanelSavedObjectClient } from '../../../services/saved_objects/saved_object_client/ppl';
+import { ExplorerSavedObjectLoader } from '../../../services/saved_objects/saved_object_loaders/explorer_saved_object_loader';
 import {
   SaveAsCurrentQuery,
   SaveAsCurrentVisualization,
@@ -86,47 +93,41 @@ import {
 } from '../../../services/saved_objects/saved_object_savers';
 import { SaveAsNewQuery } from '../../../services/saved_objects/saved_object_savers/ppl/save_as_new_query';
 import { sleep } from '../../common/live_tail/live_tail_button';
+import { findMinInterval } from '../../common/query_utils';
 import { onItemSelect, parseGetSuggestions } from '../../common/search/autocomplete_logic';
 import { Search } from '../../common/search/search';
+import { processMetricsData } from '../../custom_panels/helpers/utils';
 import { selectSearchMetaData } from '../../event_analytics/redux/slices/search_meta_data_slice';
 import { getVizContainerProps } from '../../visualizations/charts/helpers';
 import { TabContext, useFetchEvents, useFetchPatterns, useFetchVisualizations } from '../hooks';
 import {
-  render as updateCountDistribution,
   selectCountDistribution,
+  render as updateCountDistribution,
 } from '../redux/slices/count_distribution_slice';
 import { selectFields, updateFields } from '../redux/slices/field_slice';
 import { selectQueryResult } from '../redux/slices/query_result_slice';
-import { changeDateRange, changeQuery, selectQueries } from '../redux/slices/query_slice';
+import { changeData, changeQuery, selectQueries } from '../redux/slices/query_slice';
 import { updateTabName } from '../redux/slices/query_tab_slice';
 import { selectExplorerVisualization } from '../redux/slices/visualization_slice';
 import {
   change as changeVisualizationConfig,
   change as changeVizConfig,
-  change as updateVizConfig,
   selectVisualizationConfig,
+  change as updateVizConfig,
 } from '../redux/slices/viualization_config_slice';
-import { formatError, getDefaultVisConfig } from '../utils';
-import { getContentTabTitle, getDateRange } from '../utils/utils';
+import { getDefaultVisConfig } from '../utils';
+import { formatError, getContentTabTitle, getDateRange } from '../utils/utils';
+import { DataSourceSelection } from './datasources/datasources_selection';
 import { DirectQueryRunning } from './direct_query_running';
 import { DataGrid } from './events_views/data_grid';
 import { HitsCounter } from './hits_counter/hits_counter';
 import { LogPatterns } from './log_patterns/log_patterns';
 import { NoResults } from './no_results';
+import { ObservabilitySideBar } from './sidebar/observability_sidebar';
 import { TimechartHeader } from './timechart_header';
 import { ExplorerVisualizations } from './visualizations';
 import { CountDistribution } from './visualizations/count_distribution';
 import { DirectQueryVisualization } from './visualizations/direct_query_vis';
-import { DataSourceSelection } from './datasources/datasources_selection';
-import { initialTabId } from '../../../framework/redux/store/shared_state';
-import { ObservabilitySideBar } from './sidebar/observability_sidebar';
-import { ExplorerSavedObjectLoader } from '../../../services/saved_objects/saved_object_loaders/explorer_saved_object_loader';
-import { processMetricsData } from '../../custom_panels/helpers/utils';
-import {
-  DEFAULT_DATA_SOURCE_TYPE,
-  QUERY_LANGUAGE,
-} from '../../../../common/constants/data_sources';
-import { findMinInterval } from '../../common/query_utils';
 
 export const Explorer = ({
   pplService,
@@ -144,10 +145,6 @@ export const Explorer = ({
   appId = '',
   appBaseQuery = '',
   addVisualizationToPanel,
-  startTime,
-  endTime,
-  setStartTime,
-  setEndTime,
   callback,
   callbackInApp,
   queryManager = new QueryManager(),
@@ -165,7 +162,7 @@ export const Explorer = ({
     requestParams,
   });
   const {
-    isEventsLoading: isPatternLoading,
+    isEventsLoading: _isPatternLoading,
     getPatterns,
     setDefaultPatternsField,
   } = useFetchPatterns({
@@ -185,7 +182,7 @@ export const Explorer = ({
   const [selectedCustomPanelOptions, setSelectedCustomPanelOptions] = useState([]);
   const [selectedPanelName, setSelectedPanelName] = useState('');
   const [curVisId, setCurVisId] = useState('bar');
-  const [isPanelTextFieldInvalid, setIsPanelTextFieldInvalid] = useState(false);
+  const [isPanelTextFieldInvalid, _setIsPanelTextFieldInvalid] = useState(false);
   const [timeIntervalOptions, setTimeIntervalOptions] = useState(TIME_INTERVAL_OPTIONS);
   const [isOverridingTimestamp, setIsOverridingTimestamp] = useState(false);
   const [tempQuery, setTempQuery] = useState(query[RAW_QUERY]);
@@ -218,8 +215,8 @@ export const Explorer = ({
     value: string;
   }>();
   const [subType, setSubType] = useState('visualization');
-  const [metricMeasure, setMetricMeasure] = useState('');
-  const [metricChecked, setMetricChecked] = useState(false);
+  const [_metricMeasure, setMetricMeasure] = useState('');
+  const [_metricChecked, setMetricChecked] = useState(false);
   const queryRef = useRef();
   const appBasedRef = useRef('');
   appBasedRef.current = appBaseQuery;
@@ -230,12 +227,18 @@ export const Explorer = ({
   const liveTailNameRef = useRef('Live');
   const savedObjectLoader = useRef<ExplorerSavedObjectLoader | undefined>(undefined);
   const isObjectIdUpdatedFromSave = useRef(false); // Flag to prevent reload when the current search's objectId changes due to a save operation.
+  const tempQueryRef = useRef('');
   queryRef.current = query;
   selectedPanelNameRef.current = selectedPanelName;
   explorerFieldsRef.current = explorerFields;
   isLiveTailOnRef.current = isLiveTailOn;
   liveTailTabIdRef.current = liveTailTabId;
   liveTailNameRef.current = liveTailName;
+  tempQueryRef.current = tempQuery;
+
+  const dateRange = getDateRange(undefined, undefined, query);
+  const [startTime, setStartTime] = useState(dateRange[0]);
+  const [endTime, setEndTime] = useState(dateRange[1]);
 
   const findAutoInterval = (start: string = '', end: string = '') => {
     const minInterval = findMinInterval(start, end);
@@ -244,11 +247,16 @@ export const Explorer = ({
       { text: 'Auto', value: 'auto_' + minInterval },
       ...TIME_INTERVAL_OPTIONS,
     ]);
-    selectedIntervalRef.current = { text: 'Auto', value: 'auto_' + minInterval };
+    selectedIntervalRef.current = {
+      text: 'Auto',
+      value: 'auto_' + minInterval,
+    };
     dispatch(
       updateCountDistribution({
         tabId,
-        data: { selectedInterval: selectedIntervalRef.current.value.replace(/^auto_/, '') },
+        data: {
+          selectedInterval: selectedIntervalRef.current.value.replace(/^auto_/, ''),
+        },
       })
     );
   };
@@ -266,6 +274,7 @@ export const Explorer = ({
 
   const getErrorHandler = (title: string) => {
     return (error: any) => {
+      if (coreRefs.summarizeEnabled) return;
       const formattedError = formatError(error.name, error.message, error.body.message);
       notifications.toasts.addError(formattedError, {
         title,
@@ -273,7 +282,11 @@ export const Explorer = ({
     };
   };
 
-  const fetchData = async (startingTime?: string, endingTime?: string) => {
+  const fetchData = async (
+    startingTime?: string,
+    endingTime?: string,
+    setSummaryStatus?: boolean
+  ) => {
     const curQuery: IQuery = queryRef.current!;
     new PPLDataFetcher(
       { ...curQuery },
@@ -293,6 +306,7 @@ export const Explorer = ({
         queryManager,
         getDefaultVisConfig,
         getAvailableFields,
+        setSummaryStatus,
       },
       {
         appBaseQuery,
@@ -398,9 +412,9 @@ export const Explorer = ({
       setEndTime(timeRange[1]);
     }
     await dispatch(
-      changeDateRange({
+      changeData({
         tabId: requestParams.tabId,
-        data: { [RAW_QUERY]: queryRef.current![RAW_QUERY], [SELECTED_DATE_RANGE]: timeRange },
+        data: { [SELECTED_DATE_RANGE]: timeRange },
       })
     );
   };
@@ -415,8 +429,11 @@ export const Explorer = ({
     );
   };
 
-  const handleTimeRangePickerRefresh = async (availability?: boolean) => {
-    handleQuerySearch(availability);
+  const handleTimeRangePickerRefresh = async (
+    availability?: boolean,
+    setSummaryStatus?: boolean
+  ) => {
+    handleQuerySearch(availability, setSummaryStatus);
     if (availability !== true && query.rawQuery.match(PATTERNS_REGEX)) {
       let currQuery = query.rawQuery;
       const currPattern = currQuery.match(PATTERNS_EXTRACTOR_REGEX)!.groups!.pattern;
@@ -438,7 +455,12 @@ export const Explorer = ({
 
   const handleOverrideTimestamp = async (timestamp: IField) => {
     setIsOverridingTimestamp(true);
-    await dispatch(changeQuery({ tabId, query: { [SELECTED_TIMESTAMP]: timestamp?.name || '' } }));
+    await dispatch(
+      changeQuery({
+        tabId,
+        query: { [SELECTED_TIMESTAMP]: timestamp?.name || '' },
+      })
+    );
     setIsOverridingTimestamp(false);
     handleQuerySearch();
   };
@@ -458,55 +480,59 @@ export const Explorer = ({
     return 0;
   }, [countDistribution?.data]);
 
-  const dateRange = getDateRange(startTime, endTime, query);
   const mainContent = useMemo(() => {
     return (
       <div className="dscWrapper">
         {explorerData && !isEmpty(explorerData.jsonData) ? (
           <EuiFlexGroup direction="column" gutterSize="none">
             {(isDefaultDataSourceType || appLogEvents) && (
-              <EuiFlexItem grow={false}>
-                <EuiPanel hasBorder={false} hasShadow={false} paddingSize="s" color="transparent">
-                  {countDistribution?.data && !isLiveTailOnRef.current && (
-                    <EuiPanel>
-                      <HitsCounter
-                        hits={_.sum(countDistribution.data?.['count()'])}
-                        showResetButton={false}
-                        onResetQuery={() => {}}
-                      />
-                      <TimechartHeader
-                        options={timeIntervalOptions}
-                        onChangeInterval={(selectedIntrv) => {
-                          const intervalOptionsIndex = timeIntervalOptions.findIndex(
-                            (item) => item.value === selectedIntrv
-                          );
-                          const intrv = selectedIntrv.replace(/^auto_/, '');
-                          dispatch(
-                            updateCountDistribution({ tabId, data: { selectedInterval: intrv } })
-                          );
-                          getCountVisualizations(intrv);
-                          selectedIntervalRef.current = timeIntervalOptions[intervalOptionsIndex];
-                          getPatterns(intrv, getErrorHandler('Error fetching patterns'));
-                        }}
-                        stateInterval={
-                          countDistribution.selectedInterval || selectedIntervalRef.current?.value
-                        }
-                        startTime={appLogEvents ? startTime : dateRange[0]}
-                        endTime={appLogEvents ? endTime : dateRange[1]}
-                      />
-                      <EuiSpacer size="s" />
-                      <CountDistribution
-                        countDistribution={countDistribution}
-                        selectedInterval={
-                          countDistribution.selectedInterval || selectedIntervalRef.current?.value
-                        }
-                        startTime={appLogEvents ? startTime : dateRange[0]}
-                        endTime={appLogEvents ? endTime : dateRange[1]}
-                      />
-                    </EuiPanel>
-                  )}
-                </EuiPanel>
-              </EuiFlexItem>
+              <>
+                <EuiFlexItem grow={false}>
+                  <EuiPanel hasBorder={false} hasShadow={false} paddingSize="s" color="transparent">
+                    {countDistribution?.data && !isLiveTailOnRef.current && (
+                      <EuiPanel>
+                        <HitsCounter
+                          hits={_.sum(countDistribution.data?.['count()'])}
+                          showResetButton={false}
+                          onResetQuery={() => {}}
+                        />
+                        <TimechartHeader
+                          options={timeIntervalOptions}
+                          onChangeInterval={(selectedIntrv) => {
+                            const intervalOptionsIndex = timeIntervalOptions.findIndex(
+                              (item) => item.value === selectedIntrv
+                            );
+                            const intrv = selectedIntrv.replace(/^auto_/, '');
+                            dispatch(
+                              updateCountDistribution({
+                                tabId,
+                                data: { selectedInterval: intrv },
+                              })
+                            );
+                            getCountVisualizations(intrv);
+                            selectedIntervalRef.current = timeIntervalOptions[intervalOptionsIndex];
+                            getPatterns(intrv, getErrorHandler('Error fetching patterns'));
+                          }}
+                          stateInterval={
+                            countDistribution.selectedInterval || selectedIntervalRef.current?.value
+                          }
+                          startTime={startTime}
+                          endTime={endTime}
+                        />
+                        <EuiSpacer size="s" />
+                        <CountDistribution
+                          countDistribution={countDistribution}
+                          selectedInterval={
+                            countDistribution.selectedInterval || selectedIntervalRef.current?.value
+                          }
+                          startTime={startTime}
+                          endTime={endTime}
+                        />
+                      </EuiPanel>
+                    )}
+                  </EuiPanel>
+                </EuiFlexItem>
+              </>
             )}
             {(isDefaultDataSourceType || appLogEvents) && (
               <EuiFlexItem grow={false}>
@@ -566,8 +592,8 @@ export const Explorer = ({
                             : explorerData.datarows.length
                         }
                         requestParams={requestParams}
-                        startTime={appLogEvents ? startTime : dateRange[0]}
-                        endTime={appLogEvents ? endTime : dateRange[1]}
+                        startTime={startTime}
+                        endTime={endTime}
                       />
                     )}
                     <a tabIndex={0} id="discoverBottomMarker">
@@ -579,7 +605,7 @@ export const Explorer = ({
             </EuiFlexItem>
           </EuiFlexGroup>
         ) : (
-          <NoResults />
+          <NoResults tabId={tabId} />
         )}
       </div>
     );
@@ -671,24 +697,35 @@ export const Explorer = ({
 
   const updateQueryInStore = async (updateQuery: string) => {
     await dispatch(
-      changeQuery({ tabId, query: { [RAW_QUERY]: updateQuery.replaceAll(PPL_NEWLINE_REGEX, '') } })
+      changeQuery({
+        tabId,
+        query: { [RAW_QUERY]: updateQuery.replaceAll(PPL_NEWLINE_REGEX, '') },
+      })
     );
   };
 
-  const handleQuerySearch = useCallback(
-    async (availability?: boolean) => {
-      // clear previous selected timestamp when index pattern changes
-      if (isIndexPatternChanged(tempQuery, query[RAW_QUERY])) {
-        await dispatch(changeQuery({ tabId, query: { [SELECTED_TIMESTAMP]: '' } }));
-        await setDefaultPatternsField('', '');
-      }
-      if (availability !== true) {
-        await updateQueryInStore(tempQuery);
-      }
-      await fetchData(startTime, endTime);
-    },
-    [tempQuery, query]
-  );
+  const handleQuerySearch = async (availability?: boolean, setSummaryStatus?: boolean) => {
+    // clear previous selected timestamp when index pattern changes
+    const searchedQuery = tempQueryRef.current;
+    if (
+      isIndexPatternChanged(searchedQuery, query[RAW_QUERY]) &&
+      query[SELECTED_TIMESTAMP] !== ''
+    ) {
+      await dispatch(
+        changeQuery({
+          tabId,
+          query: {
+            [SELECTED_TIMESTAMP]: '',
+          },
+        })
+      );
+      await setDefaultPatternsField('', '');
+    }
+    if (availability !== true) {
+      await updateQueryInStore(searchedQuery);
+    }
+    await fetchData(undefined, undefined, setSummaryStatus);
+  };
 
   const handleQueryChange = async (newQuery: string) => setTempQuery(newQuery);
 
@@ -918,8 +955,10 @@ export const Explorer = ({
                   handleQueryChange={handleQueryChange}
                   handleQuerySearch={handleQuerySearch}
                   dslService={dslService}
-                  startTime={appLogEvents ? startTime : dateRange[0]}
-                  endTime={appLogEvents ? endTime : dateRange[1]}
+                  startTime={startTime}
+                  endTime={endTime}
+                  setStartTime={setStartTime}
+                  setEndTime={setEndTime}
                   handleTimePickerChange={(timeRange: string[]) =>
                     handleTimePickerChange(timeRange)
                   }
@@ -949,6 +988,8 @@ export const Explorer = ({
                   setSubType={setSubType}
                   http={http}
                   setIsQueryRunning={setIsQueryRunning}
+                  isAppAnalytics={appLogEvents}
+                  pplService={pplService}
                 />
                 {explorerSearchMeta.isPolling ? (
                   <DirectQueryRunning tabId={tabId} />
diff --git a/public/components/event_analytics/explorer/no_results.tsx b/public/components/event_analytics/explorer/no_results.tsx
index d6c96af86..c4ce3a9b0 100644
--- a/public/components/event_analytics/explorer/no_results.tsx
+++ b/public/components/event_analytics/explorer/no_results.tsx
@@ -5,43 +5,104 @@
 
 import React from 'react';
 import { FormattedMessage } from '@osd/i18n/react';
-import { EuiCallOut, EuiFlexGroup, EuiFlexItem, EuiPage, EuiSpacer, EuiText } from '@elastic/eui';
+import {
+  EuiCallOut,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiPage,
+  EuiSpacer,
+  EuiText,
+  EuiEmptyPrompt,
+} from '@elastic/eui';
+import { useSelector } from 'react-redux';
+import { coreRefs } from '../../../framework/core_refs';
+import { selectQueries } from '../redux/slices/query_slice';
+
+export const NoResults = ({ tabId }: any) => {
+  // get the queries isLoaded, if it exists AND is true = show no res
+  const queryInfo = useSelector(selectQueries)[tabId];
 
-export const NoResults = () => {
   return (
     <EuiPage paddingSize="s">
-      <EuiFlexGroup justifyContent="center" direction="column">
-        <EuiFlexItem grow={false}>
-          <EuiCallOut
-            title={
-              <FormattedMessage
-                id="observability.noResults.noResultsMatchSearchCriteriaTitle"
-                defaultMessage="No results match your search criteria"
-              />
-            }
-            color="warning"
-            iconType="help"
-            data-test-subj="observabilityNoResultsCallout"
-          />
-        </EuiFlexItem>
-        <EuiFlexItem grow={false}>
-          <EuiSpacer size="s" />
-          <EuiText>
-            <h2 data-test-subj="obsNoResultsTimefilter">
-              <FormattedMessage
-                id="observability.noResults.expandYourTimeRangeTitle"
-                defaultMessage="Select a data source, expand your time range, or modify the query"
-              />
-            </h2>
-            <p>
-              <FormattedMessage
-                id="observability.noResults.queryMayNotMatchTitle"
-                defaultMessage="After selection, check the time range, query filters, fields, and query"
-              />
-            </p>
-          </EuiText>
-        </EuiFlexItem>
-      </EuiFlexGroup>
+      {coreRefs.queryAssistEnabled ? (
+        <>
+          {/* check to see if the rawQuery is empty or not */}
+          {queryInfo?.rawQuery ? (
+            <EuiFlexGroup justifyContent="center" direction="column">
+              <EuiFlexItem grow={false}>
+                <EuiCallOut
+                  title={
+                    <FormattedMessage
+                      id="observability.noResults.noResultsMatchSearchCriteriaTitle"
+                      defaultMessage="No results match your search criteria"
+                    />
+                  }
+                  color="warning"
+                  iconType="help"
+                  data-test-subj="observabilityNoResultsCallout"
+                />
+              </EuiFlexItem>
+              <EuiFlexItem>
+                <EuiEmptyPrompt
+                  iconType={'editorCodeBlock'}
+                  title={<h2>No results</h2>}
+                  body={
+                    <p>
+                      Try selecting a different data source, expanding your time range or modifying
+                      the query & filters. You may also use the Query Assistant to fine-tune your
+                      query using simple conversational prompts.
+                    </p>
+                  }
+                />
+              </EuiFlexItem>
+            </EuiFlexGroup>
+          ) : (
+            <EuiEmptyPrompt
+              iconType={'editorCodeBlock'}
+              title={<h2>Get started</h2>}
+              body={
+                <p>
+                  Run a query to view results, or use the Query Assistant to automatically generate
+                  complex queries using simple conversational prompts.
+                </p>
+              }
+            />
+          )}
+        </>
+      ) : (
+        <EuiFlexGroup justifyContent="center" direction="column">
+          <EuiFlexItem grow={false}>
+            <EuiCallOut
+              title={
+                <FormattedMessage
+                  id="observability.noResults.noResultsMatchSearchCriteriaTitle"
+                  defaultMessage="No results match your search criteria"
+                />
+              }
+              color="warning"
+              iconType="help"
+              data-test-subj="observabilityNoResultsCallout"
+            />
+          </EuiFlexItem>
+          <EuiFlexItem grow={false}>
+            <EuiSpacer size="s" />
+            <EuiText>
+              <h2 data-test-subj="obsNoResultsTimefilter">
+                <FormattedMessage
+                  id="observability.noResults.expandYourTimeRangeTitle"
+                  defaultMessage="Select a data source, expand your time range, or modify the query"
+                />
+              </h2>
+              <p>
+                <FormattedMessage
+                  id="observability.noResults.queryMayNotMatchTitle"
+                  defaultMessage="After selection, check the time range, query filters, fields, and query"
+                />
+              </p>
+            </EuiText>
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      )}
     </EuiPage>
   );
 };
diff --git a/public/components/event_analytics/explorer/query_assist/__tests__/hooks.test.ts b/public/components/event_analytics/explorer/query_assist/__tests__/hooks.test.ts
new file mode 100644
index 000000000..45e910d02
--- /dev/null
+++ b/public/components/event_analytics/explorer/query_assist/__tests__/hooks.test.ts
@@ -0,0 +1,127 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { renderHook } from '@testing-library/react-hooks';
+import { SavedObjectsFindResponsePublic } from '../../../../../../../../src/core/public';
+import { coreMock } from '../../../../../../../../src/core/public/mocks';
+import * as coreServices from '../../../../../../common/utils/core_services';
+import { coreRefs } from '../../../../../framework/core_refs';
+import { genericReducer, useCatIndices, useGetIndexPatterns } from '../hooks';
+
+const coreStartMock = coreMock.createStart();
+
+describe('useCatIndices', () => {
+  const httpMock = coreStartMock.http;
+
+  beforeEach(() => {
+    jest.spyOn(coreServices, 'getOSDHttp').mockReturnValue(httpMock);
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should return indices', async () => {
+    httpMock.get.mockResolvedValueOnce([{ index: 'test1' }, { index: 'test2' }]);
+
+    const { result, waitForNextUpdate } = renderHook(() => useCatIndices());
+    expect(result.current.loading).toBe(true);
+    await waitForNextUpdate();
+    expect(result.current.loading).toBe(false);
+    expect(result.current.data).toEqual([{ label: 'test1' }, { label: 'test2' }]);
+  });
+
+  it('should handle errors', async () => {
+    httpMock.get.mockRejectedValueOnce('API failed');
+
+    const { result, waitForNextUpdate } = renderHook(() => useCatIndices());
+    expect(result.current.loading).toBe(true);
+    await waitForNextUpdate();
+    expect(result.current.loading).toBe(false);
+    expect(result.current.data).toBe(undefined);
+    expect(result.current.error).toEqual('API failed');
+  });
+});
+
+describe('useGetIndexPatterns', () => {
+  const savedObjectsClientMock = coreStartMock.savedObjects.client as jest.Mocked<
+    typeof coreStartMock.savedObjects.client
+  >;
+
+  beforeAll(() => {
+    coreRefs.savedObjectsClient = savedObjectsClientMock;
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should return index patterns', async () => {
+    savedObjectsClientMock.find.mockResolvedValueOnce({
+      savedObjects: [{ attributes: { title: 'test1' } }, { attributes: { title: 'test2' } }],
+    } as SavedObjectsFindResponsePublic);
+
+    const { result, waitForNextUpdate } = renderHook(() => useGetIndexPatterns());
+    expect(result.current.loading).toBe(true);
+    await waitForNextUpdate();
+    expect(result.current.loading).toBe(false);
+    expect(result.current.data).toEqual([{ label: 'test1' }, { label: 'test2' }]);
+  });
+
+  it('should handle errors', async () => {
+    savedObjectsClientMock.find.mockRejectedValueOnce('API failed');
+
+    const { result, waitForNextUpdate } = renderHook(() => useGetIndexPatterns());
+    expect(result.current.loading).toBe(true);
+    await waitForNextUpdate();
+    expect(result.current.loading).toBe(false);
+    expect(result.current.data).toBe(undefined);
+    expect(result.current.error).toEqual('API failed');
+  });
+});
+
+describe('genericReducer', () => {
+  it('should return original state', () => {
+    expect(
+      genericReducer(
+        { data: { foo: 'bar' }, loading: false },
+        // mock not supported type
+        { type: ('not-supported-type' as unknown) as 'request' }
+      )
+    ).toEqual({
+      data: { foo: 'bar' },
+      loading: false,
+    });
+  });
+
+  it('should return state follow request action', () => {
+    expect(genericReducer({ data: { foo: 'bar' }, loading: false }, { type: 'request' })).toEqual({
+      data: { foo: 'bar' },
+      loading: true,
+    });
+  });
+
+  it('should return state follow success action', () => {
+    expect(
+      genericReducer(
+        { data: { foo: 'bar' }, loading: false },
+        { type: 'success', payload: { foo: 'baz' } }
+      )
+    ).toEqual({
+      data: { foo: 'baz' },
+      loading: false,
+    });
+  });
+
+  it('should return state follow failure action', () => {
+    const error = new Error();
+    expect(
+      genericReducer({ data: { foo: 'bar' }, loading: false }, { type: 'failure', error })
+    ).toEqual({
+      error,
+      loading: false,
+    });
+  });
+});
diff --git a/public/components/event_analytics/explorer/query_assist/__tests__/input.test.tsx b/public/components/event_analytics/explorer/query_assist/__tests__/input.test.tsx
new file mode 100644
index 000000000..7ced9cd28
--- /dev/null
+++ b/public/components/event_analytics/explorer/query_assist/__tests__/input.test.tsx
@@ -0,0 +1,123 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { configureStore } from '@reduxjs/toolkit';
+import { fireEvent, render, waitFor } from '@testing-library/react';
+import React, { ComponentProps } from 'react';
+import { Provider } from 'react-redux';
+import { coreMock } from '../../../../../../../../src/core/public/mocks';
+import { QUERY_ASSIST_API } from '../../../../../../common/constants/query_assist';
+import * as coreServices from '../../../../../../common/utils/core_services';
+import { coreRefs } from '../../../../../framework/core_refs';
+import { rootReducer } from '../../../../../framework/redux/reducers';
+import { initialTabId } from '../../../../../framework/redux/store/shared_state';
+import { QueryAssistInput } from '../input';
+
+const renderQueryAssistInput = (
+  overrideProps: Partial<ComponentProps<typeof QueryAssistInput>> = {}
+) => {
+  const preloadedState = {};
+  const store = configureStore({ reducer: rootReducer, preloadedState });
+  const props: ComponentProps<typeof QueryAssistInput> = Object.assign(
+    {
+      handleQueryChange: jest.fn(),
+      handleTimeRangePickerRefresh: jest.fn(),
+      tabId: initialTabId,
+      setNeedsUpdate: jest.fn(),
+      selectedIndex: [{ label: 'selected-test-index' }],
+      nlqInput: 'test-input',
+      setNlqInput: jest.fn(),
+    },
+    overrideProps
+  );
+  const component = render(
+    <Provider store={store}>
+      <QueryAssistInput {...props} />
+    </Provider>
+  );
+  return { component, props, store };
+};
+
+describe('<QueryAssistInput /> spec', () => {
+  const coreStartMock = coreMock.createStart();
+  coreRefs.toasts = coreStartMock.notifications.toasts;
+  const httpMock = coreStartMock.http;
+
+  beforeEach(() => {
+    jest.spyOn(coreServices, 'getOSDHttp').mockReturnValue(httpMock);
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should call generate ppl based on nlq input value', async () => {
+    httpMock.post.mockResolvedValueOnce('source = index');
+
+    const { component, props } = renderQueryAssistInput();
+
+    await waitFor(() => {
+      fireEvent.click(component.getByTestId('query-assist-generate-and-run-button'));
+    });
+
+    expect(httpMock.post).toBeCalledWith(QUERY_ASSIST_API.GENERATE_PPL, {
+      body: '{"question":"test-input","index":"selected-test-index"}',
+    });
+    expect(props.handleQueryChange).toBeCalledWith('source = index');
+  });
+
+  it('should display toast for generate errors', async () => {
+    httpMock.post.mockRejectedValueOnce({ body: { statusCode: 429 } });
+
+    const { component } = renderQueryAssistInput();
+    await waitFor(() => {
+      fireEvent.click(component.getByTestId('query-assist-generate-button'));
+    });
+
+    expect(coreRefs.toasts!.addError).toBeCalledWith(
+      {
+        message: 'Request is throttled. Try again later or contact your administrator',
+        statusCode: 429,
+      },
+      { title: 'Failed to generate results' }
+    );
+  });
+
+  it('should not call summarize if disabled', async () => {
+    coreRefs.summarizeEnabled = false;
+    httpMock.post.mockRejectedValueOnce({ body: { statusCode: 429 } });
+
+    const { component } = renderQueryAssistInput();
+    await waitFor(() => {
+      fireEvent.click(component.getByTestId('query-assist-generate-and-run-button'));
+    });
+
+    expect(httpMock.post).toBeCalledWith(QUERY_ASSIST_API.GENERATE_PPL, {
+      body: '{"question":"test-input","index":"selected-test-index"}',
+    });
+    expect(httpMock.post).not.toBeCalledWith(QUERY_ASSIST_API.SUMMARIZE, expect.anything());
+  });
+
+  it('should call summarize for generate and run errors', async () => {
+    coreRefs.summarizeEnabled = true;
+    httpMock.post.mockRejectedValueOnce({ body: { statusCode: 429 } }).mockResolvedValueOnce({
+      summary: 'too many requests',
+      suggestedQuestions: ['1', '2'],
+    });
+
+    const { component } = renderQueryAssistInput();
+    await waitFor(() => {
+      fireEvent.click(component.getByTestId('query-assist-generate-and-run-button'));
+    });
+
+    expect(httpMock.post).toBeCalledWith(QUERY_ASSIST_API.GENERATE_PPL, {
+      body: '{"question":"test-input","index":"selected-test-index"}',
+    });
+    expect(httpMock.post).toBeCalledWith(QUERY_ASSIST_API.SUMMARIZE, {
+      body:
+        '{"question":"test-input","index":"selected-test-index","isError":true,"query":"","response":"{\\"statusCode\\":429}"}',
+    });
+  });
+});
diff --git a/public/components/event_analytics/explorer/query_assist/hooks.ts b/public/components/event_analytics/explorer/query_assist/hooks.ts
new file mode 100644
index 000000000..281f659ba
--- /dev/null
+++ b/public/components/event_analytics/explorer/query_assist/hooks.ts
@@ -0,0 +1,89 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { EuiComboBoxOptionOption } from '@elastic/eui';
+import { CatIndicesResponse } from '@opensearch-project/opensearch/api/types';
+import { Reducer, useReducer, useState, useEffect } from 'react';
+import { IndexPatternAttributes } from '../../../../../../../src/plugins/data/common';
+import { DSL_BASE, DSL_CAT } from '../../../../../common/constants/shared';
+import { getOSDHttp } from '../../../../../common/utils';
+import { coreRefs } from '../../../../framework/core_refs';
+
+interface State<T> {
+  data?: T;
+  loading: boolean;
+  error?: Error;
+}
+
+type Action<T> =
+  | { type: 'request' }
+  | { type: 'success'; payload: State<T>['data'] }
+  | { type: 'failure'; error: NonNullable<State<T>['error']> };
+
+// TODO use instantiation expressions when typescript is upgraded to >= 4.7
+type GenericReducer<T = any> = Reducer<State<T>, Action<T>>;
+export const genericReducer: GenericReducer = (state, action) => {
+  switch (action.type) {
+    case 'request':
+      return { data: state.data, loading: true };
+    case 'success':
+      return { loading: false, data: action.payload };
+    case 'failure':
+      return { loading: false, error: action.error };
+    default:
+      return state;
+  }
+};
+
+export const useCatIndices = () => {
+  const reducer: GenericReducer<EuiComboBoxOptionOption[]> = genericReducer;
+  const [state, dispatch] = useReducer(reducer, { loading: false });
+  const [refresh, setRefresh] = useState({});
+
+  useEffect(() => {
+    const abortController = new AbortController();
+    dispatch({ type: 'request' });
+    getOSDHttp()
+      .get(`${DSL_BASE}${DSL_CAT}`, { query: { format: 'json' }, signal: abortController.signal })
+      .then((payload: CatIndicesResponse) =>
+        dispatch({ type: 'success', payload: payload.map((meta) => ({ label: meta.index! })) })
+      )
+      .catch((error) => dispatch({ type: 'failure', error }));
+
+    return () => abortController.abort();
+  }, [refresh]);
+
+  return { ...state, refresh: () => setRefresh({}) };
+};
+
+export const useGetIndexPatterns = () => {
+  const reducer: GenericReducer<EuiComboBoxOptionOption[]> = genericReducer;
+  const [state, dispatch] = useReducer(reducer, { loading: false });
+  const [refresh, setRefresh] = useState({});
+
+  useEffect(() => {
+    let abort = false;
+    dispatch({ type: 'request' });
+
+    coreRefs
+      .savedObjectsClient!.find<IndexPatternAttributes>({ type: 'index-pattern', perPage: 10000 })
+      .then((payload) => {
+        if (!abort)
+          dispatch({
+            type: 'success',
+            payload: payload.savedObjects.map((meta) => ({ label: meta.attributes.title })),
+          });
+      })
+      .catch((error) => {
+        if (!abort) dispatch({ type: 'failure', error });
+      });
+
+    return () => {
+      abort = true;
+    };
+  }, [refresh]);
+
+  return { ...state, refresh: () => setRefresh({}) };
+};
diff --git a/public/components/event_analytics/explorer/query_assist/input.tsx b/public/components/event_analytics/explorer/query_assist/input.tsx
new file mode 100644
index 000000000..e77794347
--- /dev/null
+++ b/public/components/event_analytics/explorer/query_assist/input.tsx
@@ -0,0 +1,377 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  EuiBadge,
+  EuiButton,
+  EuiComboBoxOptionOption,
+  EuiFieldText,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiForm,
+  EuiIcon,
+  EuiInputPopover,
+  EuiLink,
+  EuiListGroup,
+  EuiListGroupItem,
+  EuiPanel,
+  EuiText,
+} from '@elastic/eui';
+import { ResponseError } from '@opensearch-project/opensearch/lib/errors';
+import React, { useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { RAW_QUERY } from '../../../../../common/constants/explorer';
+import { QUERY_ASSIST_API } from '../../../../../common/constants/query_assist';
+import { QUERY_ASSIST_START_TIME } from '../../../../../common/constants/shared';
+import { getOSDHttp } from '../../../../../common/utils';
+import { coreRefs } from '../../../../framework/core_refs';
+import chatLogo from '../../../datasources/icons/query-assistant-logo.svg';
+import {
+  changeSummary,
+  resetSummary,
+  selectQueryAssistantSummarization,
+  setResponseForSummaryStatus,
+} from '../../redux/slices/query_assistant_summarization_slice';
+import { reset, selectQueryResult } from '../../redux/slices/query_result_slice';
+import { changeQuery, selectQueries } from '../../redux/slices/query_slice';
+
+interface SummarizationContext {
+  question: string;
+  query?: string;
+  response: string;
+  index: string;
+  isError: boolean;
+}
+
+interface Props {
+  handleQueryChange: (query: string) => void;
+  handleTimeRangePickerRefresh: (availability?: boolean, setSummaryStatus?: boolean) => void;
+  handleTimePickerChange: (timeRange: string[]) => Promise<void>;
+  tabId: string;
+  setNeedsUpdate: any;
+  selectedIndex: Array<EuiComboBoxOptionOption<string | number | string[] | undefined>>;
+  nlqInput: string;
+  setNlqInput: React.Dispatch<React.SetStateAction<string>>;
+}
+
+const HARDCODED_SUGGESTIONS: Record<string, string[]> = {
+  opensearch_dashboards_sample_data_ecommerce: [
+    'How many unique customers placed orders this week?',
+    'Count the number of orders grouped by manufacturer and category',
+    'find customers with first names like Eddie',
+  ],
+  opensearch_dashboards_sample_data_logs: [
+    'Are there any errors in my logs?',
+    'How many requests were there grouped by response code last week?',
+    "What's the average request size by week?",
+  ],
+  opensearch_dashboards_sample_data_flights: [
+    'how many flights were there this week grouped by destination country?',
+    'what were the longest flight delays this week?',
+    'what carriers have the furthest flights?',
+  ],
+  'sso_logs-*.*': [
+    'show me the most recent 10 logs',
+    'how many requests were there grouped by status code',
+    'how many request failures were there by week?',
+  ],
+};
+
+export const QueryAssistInput: React.FC<Props> = (props) => {
+  // @ts-ignore
+  const queryRedux = useSelector(selectQueries)[props.tabId];
+  // @ts-ignore
+  const explorerData = useSelector(selectQueryResult)[props.tabId];
+  // @ts-ignore
+  const summaryData = useSelector(selectQueryAssistantSummarization)[props.tabId];
+
+  useEffect(() => {
+    if (
+      props.nlqInput.trim().length === 0 ||
+      (summaryData.responseForSummaryStatus !== 'success' &&
+        summaryData.responseForSummaryStatus !== 'failure')
+    )
+      return;
+    void (async () => {
+      await dispatch(
+        changeSummary({
+          tabId: props.tabId,
+          data: {
+            summaryLoading: false,
+          },
+        })
+      );
+      if (explorerData.total > 0 || summaryData.responseForSummaryStatus === 'failure')
+        generateSummary();
+    })();
+  }, [summaryData.responseForSummaryStatus]);
+
+  const [barSelected, setBarSelected] = useState(false);
+
+  const dispatch = useDispatch();
+
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+  const [generating, setGenerating] = useState(false);
+  const [generatingOrRunning, setGeneratingOrRunning] = useState(false);
+  // below is only used for url redirection
+  const [autoRun, setAutoRun] = useState(false);
+
+  useEffect(() => {
+    if (autoRun) {
+      setAutoRun(false);
+      runAndSummarize();
+    } else if (queryRedux.ollyQueryAssistant.length > 0) {
+      setAutoRun(true);
+    }
+  }, [queryRedux.ollyQueryAssistant]);
+
+  // hide if not in a tab
+  if (props.tabId === '') return <>{props.children}</>;
+
+  // generic method for generating ppl from natural language
+  const request = async () => {
+    const generatedPPL = await getOSDHttp().post(QUERY_ASSIST_API.GENERATE_PPL, {
+      body: JSON.stringify({
+        question: props.nlqInput,
+        index: props.selectedIndex[0].label,
+      }),
+    });
+    await props.handleQueryChange(generatedPPL);
+    await dispatch(
+      changeQuery({
+        tabId: props.tabId,
+        query: {
+          [RAW_QUERY]: generatedPPL,
+        },
+      })
+    );
+    return generatedPPL;
+  };
+  const formatError = (error: ResponseError): Error => {
+    if (error.body) {
+      if (error.body.statusCode === 429)
+        return {
+          ...error.body,
+          message: 'Request is throttled. Try again later or contact your administrator',
+        } as Error;
+      return error.body as Error;
+    }
+    return error;
+  };
+  // used by generate query button
+  const generatePPL = async () => {
+    dispatch(reset({ tabId: props.tabId }));
+    dispatch(resetSummary({ tabId: props.tabId }));
+    if (!props.selectedIndex.length) return;
+    try {
+      setGenerating(true);
+      await request();
+    } catch (error) {
+      coreRefs.toasts?.addError(formatError(error as ResponseError), {
+        title: 'Failed to generate results',
+      });
+    } finally {
+      setGenerating(false);
+    }
+  };
+  const generateSummary = async (context?: Partial<SummarizationContext>) => {
+    if (!coreRefs.summarizeEnabled) return;
+    try {
+      const isError = summaryData.responseForSummaryStatus === 'failure';
+      const summarizationContext: SummarizationContext = {
+        question: props.nlqInput,
+        index: props.selectedIndex[0].label,
+        isError,
+        query: queryRedux.rawQuery,
+        response: isError
+          ? String(JSON.parse(explorerData.error.body.message).error.details)
+          : JSON.stringify({
+              datarows: explorerData.datarows,
+              schema: explorerData.schema,
+              size: explorerData.size,
+              total: explorerData.total,
+            }).slice(0, 7000),
+        ...context,
+      };
+      await dispatch(
+        changeSummary({
+          tabId: props.tabId,
+          data: {
+            summaryLoading: true,
+            isPPLError: isError,
+          },
+        })
+      );
+      const summary = await getOSDHttp().post<{
+        summary: string;
+        suggestedQuestions: string[];
+      }>(QUERY_ASSIST_API.SUMMARIZE, {
+        body: JSON.stringify(summarizationContext),
+      });
+      await dispatch(
+        changeSummary({
+          tabId: props.tabId,
+          data: {
+            summary: summary.summary,
+            suggestedQuestions: summary.suggestedQuestions,
+          },
+        })
+      );
+    } catch (error) {
+      coreRefs.toasts?.addError(formatError(error as ResponseError), {
+        title: 'Failed to summarize results',
+      });
+    } finally {
+      await dispatch(
+        changeSummary({
+          tabId: props.tabId,
+          data: {
+            summaryLoading: false,
+          },
+        })
+      );
+      dispatch(
+        setResponseForSummaryStatus({
+          tabId: props.tabId,
+          responseForSummaryStatus: 'false',
+        })
+      );
+    }
+  };
+  // used by generate and run button
+  const runAndSummarize = async () => {
+    dispatch(reset({ tabId: props.tabId }));
+    dispatch(resetSummary({ tabId: props.tabId }));
+    if (!props.selectedIndex.length) return;
+    try {
+      setGeneratingOrRunning(true);
+      await request();
+      await props.handleTimePickerChange([QUERY_ASSIST_START_TIME, 'now']);
+      await props.handleTimeRangePickerRefresh(undefined, true);
+    } catch (error) {
+      generateSummary({ isError: true, response: JSON.stringify((error as ResponseError).body) });
+    } finally {
+      setGeneratingOrRunning(false);
+    }
+  };
+
+  return (
+    <>
+      <EuiPanel paddingSize="m" color="subdued">
+        <EuiForm
+          component="form"
+          id="nlq-form"
+          onSubmit={(e) => {
+            e.preventDefault();
+            request();
+          }}
+        >
+          <EuiFlexGroup direction="column" gutterSize="s">
+            <EuiFlexItem grow={false}>
+              <EuiFlexGroup alignItems="center" gutterSize="s">
+                <EuiFlexItem grow={false}>
+                  <EuiIcon type={chatLogo} size="l" />
+                </EuiFlexItem>
+                <EuiFlexItem grow={false}>
+                  <EuiText>Query Assistant</EuiText>
+                </EuiFlexItem>
+                <EuiFlexItem grow={false}>
+                  <EuiBadge>New!</EuiBadge>
+                </EuiFlexItem>
+                <EuiFlexItem>
+                  <EuiInputPopover
+                    input={
+                      <EuiFieldText
+                        placeholder="Ask a question"
+                        disabled={generating}
+                        value={props.nlqInput}
+                        onChange={(e) => props.setNlqInput(e.target.value)}
+                        fullWidth
+                        onFocus={() => {
+                          setBarSelected(true);
+                          props.setNeedsUpdate(false);
+                          if (props.nlqInput.length === 0) setIsPopoverOpen(true);
+                        }}
+                        onBlur={() => setBarSelected(false)}
+                      />
+                    }
+                    disableFocusTrap
+                    fullWidth={true}
+                    isOpen={isPopoverOpen}
+                    closePopover={() => {
+                      setIsPopoverOpen(false);
+                    }}
+                  >
+                    <EuiListGroup flush={true} bordered={false} wrapText={true} maxWidth={false}>
+                      {HARDCODED_SUGGESTIONS[props.selectedIndex[0]?.label]?.map((question) => (
+                        <EuiListGroupItem
+                          onClick={() => {
+                            props.setNlqInput(question);
+                            setIsPopoverOpen(false);
+                          }}
+                          label={question}
+                        />
+                      ))}
+                    </EuiListGroup>
+                  </EuiInputPopover>
+                </EuiFlexItem>
+              </EuiFlexGroup>
+            </EuiFlexItem>
+            <EuiFlexItem grow={false}>
+              <EuiFlexGroup alignItems="center" gutterSize="m">
+                <EuiFlexItem>
+                  <EuiText>
+                    <small>
+                      Share feedback via{' '}
+                      <EuiLink href="https://forum.opensearch.org/t/feedback-opensearch-assistant/16741">
+                        Forum
+                      </EuiLink>{' '}
+                      or{' '}
+                      <EuiLink href="https://opensearch.slack.com/channels/assistant-feedback">
+                        Slack
+                      </EuiLink>
+                    </small>
+                  </EuiText>
+                </EuiFlexItem>
+                <EuiFlexItem grow={false}>
+                  <EuiButton
+                    isLoading={generating}
+                    onClick={generatePPL}
+                    isDisabled={
+                      generating || generatingOrRunning || props.nlqInput.trim().length === 0
+                    }
+                    iconSide="right"
+                    fill={false}
+                    data-test-subj="query-assist-generate-button"
+                    style={{ width: 160 }}
+                  >
+                    Generate query
+                  </EuiButton>
+                </EuiFlexItem>
+                <EuiFlexItem grow={false}>
+                  <EuiButton
+                    isLoading={generatingOrRunning}
+                    onClick={runAndSummarize}
+                    isDisabled={
+                      generating || generatingOrRunning || props.nlqInput.trim().length === 0
+                    }
+                    iconType="returnKey"
+                    iconSide="right"
+                    type="submit"
+                    fill={barSelected}
+                    data-test-subj="query-assist-generate-and-run-button"
+                    style={{ width: 175 }}
+                  >
+                    Generate and run
+                  </EuiButton>
+                </EuiFlexItem>
+              </EuiFlexGroup>
+            </EuiFlexItem>
+          </EuiFlexGroup>
+        </EuiForm>
+      </EuiPanel>
+    </>
+  );
+};
diff --git a/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/sidebar.test.tsx.snap b/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/sidebar.test.tsx.snap
index 59d4966c2..aff341c85 100644
--- a/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/sidebar.test.tsx.snap
+++ b/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/sidebar.test.tsx.snap
@@ -22,10 +22,15 @@ exports[`Siderbar component Renders empty sidebar component 1`] = `
         "unselectedFields": Array [],
       }
     }
+    handleOverridePattern={[Function]}
     handleOverrideTimestamp={[MockFunction]}
     isFieldToggleButtonDisabled={false}
+    isOverridingPattern={false}
     isOverridingTimestamp={false}
+    query=""
+    selectedPattern=""
     selectedTimestamp="timestamp"
+    tabId="OBSERVABILITY_DEFAULT_TAB"
   >
     <I18nProvider>
       <IntlProvider
@@ -587,125 +592,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
         "unselectedFields": Array [],
       }
     }
+    handleOverridePattern={[Function]}
     handleOverrideTimestamp={[MockFunction]}
     isFieldToggleButtonDisabled={false}
+    isOverridingPattern={false}
     isOverridingTimestamp={false}
+    query=""
+    selectedPattern=""
     selectedTimestamp="timestamp"
-    storedExplorerFields={
-      Object {
-        "availableFields": Array [
-          Object {
-            "name": "agent",
-            "type": "string",
-          },
-          Object {
-            "name": "bytes",
-            "type": "long",
-          },
-          Object {
-            "name": "clientip",
-            "type": "ip",
-          },
-          Object {
-            "name": "event",
-            "type": "struct",
-          },
-          Object {
-            "name": "extension",
-            "type": "string",
-          },
-          Object {
-            "name": "geo",
-            "type": "struct",
-          },
-          Object {
-            "name": "host",
-            "type": "string",
-          },
-          Object {
-            "name": "index",
-            "type": "string",
-          },
-          Object {
-            "name": "ip",
-            "type": "ip",
-          },
-          Object {
-            "name": "machine",
-            "type": "struct",
-          },
-          Object {
-            "name": "memory",
-            "type": "double",
-          },
-          Object {
-            "name": "message",
-            "type": "string",
-          },
-          Object {
-            "name": "phpmemory",
-            "type": "long",
-          },
-          Object {
-            "name": "referer",
-            "type": "string",
-          },
-          Object {
-            "name": "request",
-            "type": "string",
-          },
-          Object {
-            "name": "response",
-            "type": "string",
-          },
-          Object {
-            "name": "tags",
-            "type": "string",
-          },
-          Object {
-            "name": "timestamp",
-            "type": "timestamp",
-          },
-          Object {
-            "name": "url",
-            "type": "string",
-          },
-          Object {
-            "name": "utc_time",
-            "type": "timestamp",
-          },
-        ],
-        "queriedFields": Array [
-          Object {
-            "name": "double_per_ip_bytes",
-            "type": "long",
-          },
-          Object {
-            "name": "host",
-            "type": "text",
-          },
-          Object {
-            "name": "ip_count",
-            "type": "integer",
-          },
-          Object {
-            "name": "per_ip_bytes",
-            "type": "long",
-          },
-          Object {
-            "name": "resp_code",
-            "type": "text",
-          },
-          Object {
-            "name": "sum_bytes",
-            "type": "long",
-          },
-        ],
-        "selectedFields": Array [],
-        "unselectedFields": Array [],
-      }
-    }
-    tabId="DEFAULT_INDEX_PATTERNS"
+    tabId="OBSERVABILITY_DEFAULT_TAB"
   >
     <I18nProvider>
       <IntlProvider
@@ -1150,14 +1045,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "long",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={true}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={true}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={false}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -1296,7 +1195,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -1323,14 +1222,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -1552,14 +1451,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "text",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={true}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={true}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={false}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -1698,7 +1601,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -1725,14 +1628,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -1954,14 +1857,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "integer",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={true}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={true}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={false}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -2100,7 +2007,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -2127,14 +2034,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -2356,14 +2263,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "long",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={true}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={true}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={false}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -2502,7 +2413,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -2529,14 +2440,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -2758,14 +2669,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "text",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={true}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={true}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={false}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -2904,7 +2819,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -2931,14 +2846,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -3160,14 +3075,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "long",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={true}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={true}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={false}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -3306,7 +3225,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -3333,14 +3252,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -3720,14 +3639,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -3840,15 +3763,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -3926,7 +3849,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -3953,14 +3876,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -4183,14 +4106,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "long",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -4329,7 +4256,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -4356,14 +4283,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -4586,14 +4513,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "ip",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -4732,7 +4663,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -4759,14 +4690,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -4989,14 +4920,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "struct",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -5135,7 +5070,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -5162,14 +5097,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -5392,14 +5327,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -5512,15 +5451,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -5598,7 +5537,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -5625,14 +5564,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -5855,14 +5794,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "struct",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -6001,7 +5944,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -6028,14 +5971,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -6258,14 +6201,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -6378,15 +6325,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -6464,7 +6411,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -6491,14 +6438,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -6721,14 +6668,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -6841,15 +6792,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -6927,7 +6878,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -6954,14 +6905,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -7184,14 +7135,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "ip",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -7330,7 +7285,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -7357,14 +7312,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -7587,14 +7542,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "struct",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -7733,7 +7692,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -7760,14 +7719,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -7990,14 +7949,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "double",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -8136,7 +8099,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -8163,14 +8126,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -8393,14 +8356,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -8513,15 +8480,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -8599,7 +8566,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -8626,14 +8593,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -8856,14 +8823,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "long",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -9002,7 +8973,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -9029,14 +9000,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -9259,14 +9230,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -9379,15 +9354,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -9465,7 +9440,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -9492,14 +9467,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -9722,14 +9697,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -9842,15 +9821,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -9928,7 +9907,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -9955,14 +9934,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -10185,14 +10164,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -10305,15 +10288,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -10391,7 +10374,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -10418,14 +10401,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -10648,14 +10631,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -10768,15 +10755,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -10854,7 +10841,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -10881,14 +10868,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -11111,14 +11098,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "timestamp",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -11298,7 +11289,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -11325,14 +11316,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -11555,14 +11546,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "string",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -11675,15 +11670,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultPattern"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_pattern"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultPattern"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -11761,7 +11756,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -11788,14 +11783,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
@@ -12018,14 +12013,18 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                               "type": "timestamp",
                                                             }
                                                           }
+                                                          handleOverridePattern={[Function]}
                                                           handleOverrideTimestamp={[MockFunction]}
                                                           isFieldToggleButtonDisabled={false}
+                                                          isOverridingPattern={false}
                                                           isOverridingTimestamp={false}
                                                           onToggleField={[Function]}
+                                                          query=""
                                                           selected={false}
+                                                          selectedPattern=""
                                                           selectedTimestamp="timestamp"
                                                           showTimestampOverrideButton={true}
-                                                          tabId="DEFAULT_INDEX_PATTERNS"
+                                                          tabId="OBSERVABILITY_DEFAULT_TAB"
                                                         >
                                                           <EuiFlexGroup
                                                             alignItems="center"
@@ -12151,15 +12150,15 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                         color="text"
                                                                         data-test-subj="eventExplorer__overrideDefaultTimestamp"
                                                                         iconType="inputOutput"
-                                                                        isDisabled={true}
+                                                                        isDisabled={false}
                                                                         onClick={[Function]}
                                                                         size="xs"
                                                                       >
                                                                         <button
                                                                           aria-labelledby="override_timestamp"
-                                                                          className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
                                                                           data-test-subj="eventExplorer__overrideDefaultTimestamp"
-                                                                          disabled={true}
+                                                                          disabled={false}
                                                                           onClick={[Function]}
                                                                           type="button"
                                                                         >
@@ -12224,7 +12223,7 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                             aria-label="inspect"
                                                                             className="dscSidebarField__actionButton"
                                                                             iconType="inspect"
-                                                                            isDisabled={true}
+                                                                            isDisabled={false}
                                                                             onClick={[Function]}
                                                                             size="xs"
                                                                           />
@@ -12251,14 +12250,14 @@ exports[`Siderbar component Renders sidebar component 1`] = `
                                                                               aria-label="inspect"
                                                                               className="dscSidebarField__actionButton"
                                                                               iconType="inspect"
-                                                                              isDisabled={true}
+                                                                              isDisabled={false}
                                                                               onClick={[Function]}
                                                                               size="xs"
                                                                             >
                                                                               <button
                                                                                 aria-label="inspect"
-                                                                                className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
-                                                                                disabled={true}
+                                                                                className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
+                                                                                disabled={false}
                                                                                 onClick={[Function]}
                                                                                 type="button"
                                                                               >
diff --git a/public/components/event_analytics/explorer/sidebar/__tests__/sidebar.test.tsx b/public/components/event_analytics/explorer/sidebar/__tests__/sidebar.test.tsx
index de25918df..90e19e98c 100644
--- a/public/components/event_analytics/explorer/sidebar/__tests__/sidebar.test.tsx
+++ b/public/components/event_analytics/explorer/sidebar/__tests__/sidebar.test.tsx
@@ -3,29 +3,29 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { configure, mount } from 'enzyme';
-import { useDispatch, Provider } from 'react-redux';
 import { configureStore } from '@reduxjs/toolkit';
+import { waitFor } from '@testing-library/react';
+import { configure, mount } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import React from 'react';
-import { waitFor } from '@testing-library/react';
-import { Sidebar } from '../sidebar';
+import { Provider, useDispatch } from 'react-redux';
+import { applyMiddleware, createStore } from 'redux';
+import thunk from 'redux-thunk';
 import {
-  SELECTED_FIELDS,
   AVAILABLE_FIELDS,
-  UNSELECTED_FIELDS,
   QUERIED_FIELDS,
+  SELECTED_FIELDS,
+  UNSELECTED_FIELDS,
 } from '../../../../../../common/constants/explorer';
+import { initialTabId } from '../../../../../../public/framework/redux/store/shared_state';
 import {
   AVAILABLE_FIELDS as SIDEBAR_AVAILABLE_FIELDS,
-  QUERY_FIELDS,
   JSON_DATA,
   JSON_DATA_ALL,
+  QUERY_FIELDS,
 } from '../../../../../../test/event_analytics_constants';
-import { applyMiddleware, createStore } from 'redux';
 import { rootReducer } from '../../../../../framework/redux/reducers';
-import thunk from 'redux-thunk';
-import { DEFAULT_DATA_SOURCE_TYPE } from '../../../../../../common/constants/data_sources';
+import { Sidebar } from '../sidebar';
 
 jest.mock('react-redux', () => ({
   ...jest.requireActual('react-redux'),
@@ -62,6 +62,13 @@ describe('Siderbar component', () => {
           handleOverrideTimestamp={handleOverrideTimestamp}
           isFieldToggleButtonDisabled={false}
           isOverridingTimestamp={false}
+          query={''}
+          selectedPattern={''}
+          isOverridingPattern={false}
+          handleOverridePattern={function (): void {
+            throw new Error('Function not implemented.');
+          }}
+          tabId={initialTabId}
         />
       </Provider>
     );
@@ -97,8 +104,13 @@ describe('Siderbar component', () => {
           handleOverrideTimestamp={handleOverrideTimestamp}
           isFieldToggleButtonDisabled={false}
           isOverridingTimestamp={false}
-          storedExplorerFields={explorerFields}
-          tabId={DEFAULT_DATA_SOURCE_TYPE}
+          tabId={initialTabId}
+          query={''}
+          selectedPattern={''}
+          isOverridingPattern={false}
+          handleOverridePattern={function (): void {
+            throw new Error('Function not implemented.');
+          }}
         />
       </Provider>
     );
diff --git a/public/components/event_analytics/explorer/sidebar/field.tsx b/public/components/event_analytics/explorer/sidebar/field.tsx
index edb4d5baf..2c08f0844 100644
--- a/public/components/event_analytics/explorer/sidebar/field.tsx
+++ b/public/components/event_analytics/explorer/sidebar/field.tsx
@@ -3,28 +3,26 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import React, { useState } from 'react';
-import { i18n } from '@osd/i18n';
-import { isEqual, toUpper, upperFirst } from 'lodash';
 import {
-  EuiPopover,
+  EuiBadge,
   EuiButtonIcon,
-  EuiToolTip,
-  EuiMark,
-  EuiLoadingSpinner,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiTitle,
+  EuiLoadingSpinner,
+  EuiPopover,
   EuiText,
-  EuiBadge,
+  EuiTitle,
+  EuiToolTip,
 } from '@elastic/eui';
+import { i18n } from '@osd/i18n';
+import { isEqual, toUpper, upperFirst } from 'lodash';
+import React, { useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
-import { FieldButton } from '../../../common/field_button';
-import { FieldIcon } from '../../../common/field_icon';
-import { IField } from '../../../../../common/types/explorer';
-import { FieldInsights } from './field_insights';
 import { DEFAULT_DATA_SOURCE_TYPE } from '../../../../../common/constants/data_sources';
+import { IField } from '../../../../../common/types/explorer';
+import { FieldIcon } from '../../../common/field_icon';
 import { selectSearchMetaData } from '../../../event_analytics/redux/slices/search_meta_data_slice';
+import { FieldInsights } from './field_insights';
 
 interface IFieldProps {
   query: string;
@@ -83,6 +81,13 @@ export const Field = (props: IFieldProps) => {
     onToggleField(fields);
   };
 
+  // hardcoded for demo purposes - remove afterwards
+  useEffect(() => {
+    if (field.name === 'order_date') {
+      handleOverrideTimestamp(field);
+    }
+  }, []);
+
   return (
     <EuiFlexGroup gutterSize="s" alignItems="center" responsive={false} className="dscSidebarField">
       <EuiFlexItem grow={false}>
diff --git a/public/components/event_analytics/explorer/sidebar/sidebar.tsx b/public/components/event_analytics/explorer/sidebar/sidebar.tsx
index f489d3bb5..d0eb9b353 100644
--- a/public/components/event_analytics/explorer/sidebar/sidebar.tsx
+++ b/public/components/event_analytics/explorer/sidebar/sidebar.tsx
@@ -8,13 +8,13 @@ import {
   EuiDraggable,
   EuiDroppable,
   EuiFieldSearch,
-  EuiTitle,
-  EuiSplitPanel,
   EuiPanel,
+  EuiSplitPanel,
+  EuiTitle,
 } from '@elastic/eui';
 import { FormattedMessage, I18nProvider } from '@osd/i18n/react';
 import { isEmpty } from 'lodash';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { batch, useDispatch } from 'react-redux';
 import { AVAILABLE_FIELDS, SELECTED_FIELDS } from '../../../../../common/constants/explorer';
 import { ExplorerFields, IExplorerFields, IField } from '../../../../../common/types/explorer';
@@ -32,8 +32,6 @@ interface ISidebarProps {
   isFieldToggleButtonDisabled: boolean;
   handleOverridePattern: (pattern: IField) => void;
   handleOverrideTimestamp: (timestamp: IField) => void;
-  storedExplorerFields: IExplorerFields;
-  setStoredExplorerFields: (explorer: IExplorerFields) => void;
   tabId: string;
 }
 
@@ -52,7 +50,7 @@ export const Sidebar = (props: ISidebarProps) => {
     tabId,
   } = props;
   const dispatch = useDispatch();
-  const [showFields, setShowFields] = useState<boolean>(false);
+  const [showFields, _setShowFields] = useState<boolean>(false);
   const [searchTerm, setSearchTerm] = useState<string>('');
 
   // method to return the type of a field from its name
diff --git a/public/components/event_analytics/home/home.tsx b/public/components/event_analytics/home/home.tsx
index b56701413..5c7ed46e5 100644
--- a/public/components/event_analytics/home/home.tsx
+++ b/public/components/event_analytics/home/home.tsx
@@ -70,7 +70,7 @@ interface IHomeProps {
 const EventAnalyticsHome = (props: IHomeProps) => {
   const { setToast, http } = props;
   const history = useHistory();
-  const [selectedDateRange, setSelectedDateRange] = useState<string[]>(['now-15m', 'now']);
+  const [selectedDateRange, _setSelectedDateRange] = useState<string[]>(['now-40y', 'now']);
   const [savedHistories, setSavedHistories] = useState<any[]>([]);
   const [selectedHistories, setSelectedHistories] = useState<any[]>([]);
   const [isActionsPopoverOpen, setIsActionsPopoverOpen] = useState(false);
diff --git a/public/components/event_analytics/hooks/use_fetch_events.ts b/public/components/event_analytics/hooks/use_fetch_events.ts
index 16a77c436..c7dc4cc2a 100644
--- a/public/components/event_analytics/hooks/use_fetch_events.ts
+++ b/public/components/event_analytics/hooks/use_fetch_events.ts
@@ -3,25 +3,28 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { useState, useRef } from 'react';
-import { batch } from 'react-redux';
 import { isEmpty } from 'lodash';
-import { useDispatch, useSelector } from 'react-redux';
-import { IField } from 'common/types/explorer';
+import { useRef, useState } from 'react';
+import { batch, useDispatch, useSelector } from 'react-redux';
 import {
+  AVAILABLE_FIELDS,
   FINAL_QUERY,
+  QUERIED_FIELDS,
   SELECTED_FIELDS,
   UNSELECTED_FIELDS,
-  AVAILABLE_FIELDS,
-  QUERIED_FIELDS,
 } from '../../../../common/constants/explorer';
-import { fetchSuccess, reset as queryResultReset } from '../redux/slices/query_result_slice';
+import { PPL_STATS_REGEX } from '../../../../common/constants/shared';
+import PPLService from '../../../services/requests/ppl';
+import { selectFields, sortFields, updateFields } from '../redux/slices/field_slice';
 import { reset as patternsReset } from '../redux/slices/patterns_slice';
+import { setResponseForSummaryStatus } from '../redux/slices/query_assistant_summarization_slice';
+import {
+  fetchFailure,
+  fetchSuccess,
+  reset as queryResultReset,
+} from '../redux/slices/query_result_slice';
 import { selectQueries } from '../redux/slices/query_slice';
 import { reset as visualizationReset } from '../redux/slices/visualization_slice';
-import { updateFields, sortFields, selectFields } from '../redux/slices/field_slice';
-import PPLService from '../../../services/requests/ppl';
-import { PPL_STATS_REGEX } from '../../../../common/constants/shared';
 
 interface IFetchEventsParams {
   pplService: PPLService;
@@ -190,23 +193,57 @@ export const useFetchEvents = ({ pplService, requestParams }: IFetchEventsParams
     );
   };
 
-  const getEvents = (query: string = '', errorHandler?: (error: any) => void) => {
+  const getEvents = (
+    query: string = '',
+    errorHandler?: (error: any) => void,
+    setSummaryStatus?: boolean
+  ) => {
     if (isEmpty(query)) return;
     const cur = queriesRef.current;
     const searchQuery = isEmpty(query) ? cur![requestParams.tabId][FINAL_QUERY] : query;
     fetchEvents(
       { query: searchQuery },
       'jdbc',
-      (res: any) => {
+      async (res: any) => {
         if (!isEmpty(res.jsonData)) {
-          return dispatchOnGettingHis(res, searchQuery);
+          await dispatchOnGettingHis(res, searchQuery);
         } else if (!isEmpty(res.data?.resp)) {
-          return dispatchOnGettingHis(JSON.parse(res.data?.resp), searchQuery);
+          await dispatchOnGettingHis(JSON.parse(res.data?.resp), searchQuery);
+        } else {
+          // when no hits and needs to get available fields to override default timestamp
+          dispatchOnNoHis(res);
         }
-        // when no hits and needs to get available fields to override default timestamp
-        dispatchOnNoHis(res);
+        if (setSummaryStatus)
+          dispatch(
+            setResponseForSummaryStatus({
+              tabId: requestParams.tabId,
+              responseForSummaryStatus: 'success',
+            })
+          );
       },
-      errorHandler
+      (error) => {
+        errorHandler?.(error);
+        batch(() => {
+          dispatch(
+            queryResultReset({
+              tabId: requestParams.tabId,
+            })
+          );
+          dispatch(
+            fetchFailure({
+              tabId: requestParams.tabId,
+              error,
+            })
+          );
+          if (setSummaryStatus)
+            dispatch(
+              setResponseForSummaryStatus({
+                tabId: requestParams.tabId,
+                responseForSummaryStatus: 'failure',
+              })
+            );
+        });
+      }
     );
   };
 
diff --git a/public/components/event_analytics/hooks/use_fetch_patterns.ts b/public/components/event_analytics/hooks/use_fetch_patterns.ts
index b50aa2467..90561ae08 100644
--- a/public/components/event_analytics/hooks/use_fetch_patterns.ts
+++ b/public/components/event_analytics/hooks/use_fetch_patterns.ts
@@ -125,7 +125,13 @@ export const useFetchPatterns = ({ pplService, requestParams }: IFetchPatternsPa
         }));
         dispatchOnPatterns({ patternTableData: formatToTableData });
       })
-      .catch(errorHandler);
+      .catch(() => {
+        dispatch(
+          resetPatterns({
+            tabId: requestParams.tabId,
+          })
+        );
+      });
   };
 
   const setDefaultPatternsField = async (
@@ -144,7 +150,7 @@ export const useFetchPatterns = ({ pplService, requestParams }: IFetchPatternsPa
           // Loop through array and find field with longest value
           let defaultPatternField = '';
           let maxLength = 0;
-          textFields.forEach((field: IField, i: number) => {
+          textFields.forEach((field: IField) => {
             const curLength = res.jsonData[0][field.name].length;
             if (curLength > maxLength) {
               maxLength = curLength;
diff --git a/public/components/event_analytics/hooks/use_fetch_visualizations.ts b/public/components/event_analytics/hooks/use_fetch_visualizations.ts
index 8ef331d64..c124206b7 100644
--- a/public/components/event_analytics/hooks/use_fetch_visualizations.ts
+++ b/public/components/event_analytics/hooks/use_fetch_visualizations.ts
@@ -11,7 +11,10 @@ import {
   SELECTED_FIELDS,
   SELECTED_TIMESTAMP,
 } from '../../../../common/constants/explorer';
-import { render as renderCountDis } from '../redux/slices/count_distribution_slice';
+import {
+  render as renderCountDis,
+  reset as resetCountDis,
+} from '../redux/slices/count_distribution_slice';
 import { selectQueries } from '../redux/slices/query_slice';
 import { render as renderExplorerVis } from '../redux/slices/visualization_slice';
 import { updateFields, sortFields } from '../redux/slices/field_slice';
@@ -79,7 +82,13 @@ export const useFetchVisualizations = ({
           })
         );
       },
-      (error: Error) => {}
+      () => {
+        dispatch(
+          resetCountDis({
+            tabId: requestParams.tabId,
+          })
+        );
+      }
     );
   };
 
diff --git a/public/components/event_analytics/redux/reducers/fetch_reducers.ts b/public/components/event_analytics/redux/reducers/fetch_reducers.ts
index d2fb7a824..7aca9df48 100644
--- a/public/components/event_analytics/redux/reducers/fetch_reducers.ts
+++ b/public/components/event_analytics/redux/reducers/fetch_reducers.ts
@@ -6,3 +6,7 @@
 export const fetchSuccess = (state, { payload }) => {
   state[payload.tabId] = payload.data;
 };
+
+export const fetchFailure = (state, { payload }) => {
+  state[payload.tabId] = { error: payload.error };
+};
diff --git a/public/components/event_analytics/redux/reducers/index.ts b/public/components/event_analytics/redux/reducers/index.ts
index 9bdf29121..925f5ecec 100644
--- a/public/components/event_analytics/redux/reducers/index.ts
+++ b/public/components/event_analytics/redux/reducers/index.ts
@@ -3,4 +3,4 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-export { fetchSuccess } from './fetch_reducers';
\ No newline at end of file
+export { fetchSuccess, fetchFailure } from './fetch_reducers';
diff --git a/public/components/event_analytics/redux/slices/query_assistant_summarization_slice.ts b/public/components/event_analytics/redux/slices/query_assistant_summarization_slice.ts
new file mode 100644
index 000000000..e25ebab02
--- /dev/null
+++ b/public/components/event_analytics/redux/slices/query_assistant_summarization_slice.ts
@@ -0,0 +1,50 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { createSelector, createSlice } from '@reduxjs/toolkit';
+import { initialTabId } from '../../../../framework/redux/store/shared_state';
+
+const initialState = {
+  [initialTabId]: {
+    responseForSummaryStatus: 'false' as 'false' | 'success' | 'failure',
+  },
+};
+
+export const summarizationSlice = createSlice({
+  name: 'queryAssistantSummarization',
+  initialState,
+  reducers: {
+    setResponseForSummaryStatus: (state, { payload }) => {
+      state[payload.tabId] = {
+        ...state[payload.tabId],
+        responseForSummaryStatus: payload.responseForSummaryStatus,
+      };
+    },
+    changeSummary: (state, { payload }) => {
+      state[payload.tabId] = {
+        ...state[payload.tabId],
+        ...payload.data,
+      };
+    },
+    resetSummary: (state, { payload }) => {
+      state[payload.tabId] = {
+        responseForSummaryStatus: initialState[initialTabId].responseForSummaryStatus,
+      };
+    },
+  },
+});
+
+export const {
+  setResponseForSummaryStatus,
+  changeSummary,
+  resetSummary,
+} = summarizationSlice.actions;
+
+export const selectQueryAssistantSummarization = createSelector(
+  (state) => state.queryAssistantSummarization,
+  (summarizationState) => summarizationState
+);
+
+export const summarizationReducer = summarizationSlice.reducer;
diff --git a/public/components/event_analytics/redux/slices/query_result_slice.ts b/public/components/event_analytics/redux/slices/query_result_slice.ts
index d4d212d90..b689cf7cf 100644
--- a/public/components/event_analytics/redux/slices/query_result_slice.ts
+++ b/public/components/event_analytics/redux/slices/query_result_slice.ts
@@ -3,10 +3,13 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { createSlice, createSelector } from '@reduxjs/toolkit';
-import { fetchSuccess as fetchSuccessReducer } from '../reducers';
-import { initialTabId } from '../../../../framework/redux/store/shared_state';
+import { createSelector, createSlice } from '@reduxjs/toolkit';
 import { REDUX_EXPL_SLICE_QUERY_RESULT } from '../../../../../common/constants/explorer';
+import { initialTabId } from '../../../../framework/redux/store/shared_state';
+import {
+  fetchFailure as fetchFailureReducer,
+  fetchSuccess as fetchSuccessReducer,
+} from '../reducers';
 
 const initialState = {
   [initialTabId]: {},
@@ -17,6 +20,7 @@ export const queryResultSlice = createSlice({
   initialState,
   reducers: {
     fetchSuccess: fetchSuccessReducer,
+    fetchFailure: fetchFailureReducer,
     reset: (state, { payload }) => {
       state[payload.tabId] = {};
     },
@@ -29,7 +33,7 @@ export const queryResultSlice = createSlice({
   },
 });
 
-export const { fetchSuccess, remove, reset, init } = queryResultSlice.actions;
+export const { fetchSuccess, fetchFailure, remove, reset, init } = queryResultSlice.actions;
 
 export const selectQueryResult = createSelector(
   (state) => state.queryResults,
diff --git a/public/components/event_analytics/redux/slices/query_slice.ts b/public/components/event_analytics/redux/slices/query_slice.ts
index 38a9e41f8..5999cf7e6 100644
--- a/public/components/event_analytics/redux/slices/query_slice.ts
+++ b/public/components/event_analytics/redux/slices/query_slice.ts
@@ -9,6 +9,7 @@ import {
   FILTERED_PATTERN,
   FINAL_QUERY,
   INDEX,
+  OLLY_QUERY_ASSISTANT,
   PATTERN_REGEX,
   PPL_DEFAULT_PATTERN_REGEX_FILETER,
   RAW_QUERY,
@@ -28,6 +29,7 @@ const initialQueryState = {
   [FILTERED_PATTERN]: '',
   [SELECTED_TIMESTAMP]: '',
   [SELECTED_DATE_RANGE]: ['now-15m', 'now'],
+  [OLLY_QUERY_ASSISTANT]: '',
 };
 
 const appBaseQueryState = {
@@ -57,7 +59,7 @@ export const queriesSlice = createSlice({
         ...payload.query,
       };
     },
-    changeDateRange: (state, { payload }) => {
+    changeData: (state, { payload }) => {
       state[payload.tabId] = {
         ...state[payload.tabId],
         ...payload.data,
@@ -77,10 +79,10 @@ export const queriesSlice = createSlice({
       };
     },
   },
-  extraReducers: (builder) => {},
+  extraReducers: () => {},
 });
 
-export const { changeQuery, changeDateRange, remove, init, reset } = queriesSlice.actions;
+export const { changeQuery, changeData, remove, init, reset } = queriesSlice.actions;
 
 export const selectQueries = createSelector(
   (state) => state.queries,
diff --git a/public/components/event_analytics/redux/slices/search_meta_data_slice.ts b/public/components/event_analytics/redux/slices/search_meta_data_slice.ts
index 449515440..96280b943 100644
--- a/public/components/event_analytics/redux/slices/search_meta_data_slice.ts
+++ b/public/components/event_analytics/redux/slices/search_meta_data_slice.ts
@@ -3,14 +3,25 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { PayloadAction, createSelector, createSlice } from '@reduxjs/toolkit';
+import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit';
+import {
+  DEFAULT_DATA_SOURCE_NAME,
+  DEFAULT_DATA_SOURCE_TYPE,
+} from '../../../../../common/constants/data_sources';
 import { REDUX_EXPL_SLICE_SEARCH_META_DATA } from '../../../../../common/constants/explorer';
 import { DirectQueryLoadingStatus, SelectedDataSource } from '../../../../../common/types/explorer';
 import { initialTabId } from '../../../../framework/redux/store/shared_state';
 
 const searchMetaInitialState = {
   lang: 'PPL',
-  datasources: [],
+  datasources: [
+    {
+      label: DEFAULT_DATA_SOURCE_NAME,
+      value: DEFAULT_DATA_SOURCE_NAME,
+      type: DEFAULT_DATA_SOURCE_TYPE,
+      name: DEFAULT_DATA_SOURCE_NAME,
+    },
+  ],
   queryId: '',
   isPolling: false,
 };
diff --git a/public/components/metrics/redux/slices/metrics_slice.ts b/public/components/metrics/redux/slices/metrics_slice.ts
index f623585c3..82e169a1c 100644
--- a/public/components/metrics/redux/slices/metrics_slice.ts
+++ b/public/components/metrics/redux/slices/metrics_slice.ts
@@ -3,28 +3,30 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { ouiPaletteColorBlindBehindText } from '@elastic/eui';
 import { createSlice } from '@reduxjs/toolkit';
 import { keyBy, mergeWith, pick, sortBy } from 'lodash';
-import { ouiPaletteColorBlindBehindText } from '@elastic/eui';
 import {
   OBSERVABILITY_CUSTOM_METRIC,
   PPL_DATASOURCES_REQUEST,
   REDUX_SLICE_METRICS,
   SAVED_VISUALIZATION,
 } from '../../../../../common/constants/metrics';
+import { PPL_METRIC_SUBTYPE, PROMQL_METRIC_SUBTYPE } from '../../../../../common/constants/shared';
 import { MetricType } from '../../../../../common/types/metrics';
+import { getPPLService } from '../../../../../common/utils';
+import { coreRefs } from '../../../../framework/core_refs';
 import { SavedObjectsActions } from '../../../../services/saved_objects/saved_object_client/saved_objects_actions';
 import { ObservabilitySavedVisualization } from '../../../../services/saved_objects/saved_object_client/types';
 import { pplServiceRequestor } from '../../helpers/utils';
-import { coreRefs } from '../../../../framework/core_refs';
-import { PPL_METRIC_SUBTYPE, PROMQL_METRIC_SUBTYPE } from '../../../../../common/constants/shared';
-import { getPPLService } from '../../../../../common/utils';
 
 export interface IconAttributes {
   color: string;
 }
 
-const coloredIconsFrom = (dataSources: string[]): { [dataSource: string]: IconAttributes } => {
+export const coloredIconsFrom = (
+  dataSources: string[]
+): { [dataSource: string]: IconAttributes } => {
   const colorCycle = ouiPaletteColorBlindBehindText({ sortBy: 'natural' });
   const keyedIcons = dataSources.map((dataSource, index) => {
     return [
@@ -233,7 +235,7 @@ export const {
 
 const { setMetrics, setMetric, setSortedIds } = metricSlice.actions;
 
-const getAvailableAttributes = (id, metricIndex) => async (dispatch, getState) => {
+const getAvailableAttributes = (id, metricIndex) => async (dispatch, _getState) => {
   const { toasts } = coreRefs;
   const pplService = getPPLService();
 
@@ -263,7 +265,7 @@ export const addSelectedMetric = (metric: MetricType) => async (dispatch, getSta
   await dispatch(selectMetric(metric));
 };
 
-export const removeSelectedMetric = ({ id }) => async (dispatch, getState) => {
+export const removeSelectedMetric = ({ id }) => async (dispatch, _getState) => {
   dispatch(deSelectMetric(id));
 };
 
@@ -271,7 +273,6 @@ export const updateMetricQuery = (id, { availableAttributes, aggregation, attrib
   dispatch,
   getState
 ) => {
-  const state = getState();
   const staticMetric = getState().metrics.metrics[id];
   const metric = {
     ...staticMetric,
diff --git a/public/components/metrics/sidebar/sidebar.tsx b/public/components/metrics/sidebar/sidebar.tsx
index ac93037fc..df42058e8 100644
--- a/public/components/metrics/sidebar/sidebar.tsx
+++ b/public/components/metrics/sidebar/sidebar.tsx
@@ -3,11 +3,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import './sidebar.scss';
-
-import React, { useEffect, useMemo } from 'react';
 import { EuiSpacer } from '@elastic/eui';
 import { I18nProvider } from '@osd/i18n/react';
+import React, { useEffect, useMemo } from 'react';
 import { batch, useDispatch, useSelector } from 'react-redux';
 import {
   addSelectedMetric,
@@ -21,6 +19,7 @@ import {
 } from '../redux/slices/metrics_slice';
 import { MetricsAccordion } from './metrics_accordion';
 import { SearchBar } from './search_bar';
+import './sidebar.scss';
 
 export const Sidebar = ({
   additionalSelectedMetricId,
diff --git a/public/framework/core_refs.ts b/public/framework/core_refs.ts
index 6883e5a03..4849d85f1 100644
--- a/public/framework/core_refs.ts
+++ b/public/framework/core_refs.ts
@@ -3,8 +3,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { ApplicationStart, ChromeStart, CoreStart, HttpStart, IToasts } from '../../../../src/core/public';
-import { SavedObjectsClientContract } from '../../../../src/core/public';
+import {
+  ApplicationStart,
+  ChromeStart,
+  CoreStart,
+  HttpStart,
+  IToasts,
+  SavedObjectsClientContract,
+} from '../../../../src/core/public';
 import { DashboardStart } from '../../../../src/plugins/dashboard/public';
 import PPLService from '../services/requests/ppl';
 
@@ -18,6 +24,8 @@ class CoreRefs {
   public toasts?: IToasts;
   public chrome?: ChromeStart;
   public application?: ApplicationStart;
+  public queryAssistEnabled?: boolean;
+  public summarizeEnabled?: boolean;
   public dashboard?: DashboardStart;
   public dashboardProviders?: unknown;
   private constructor() {
diff --git a/public/framework/redux/reducers/index.ts b/public/framework/redux/reducers/index.ts
index 6fad432d4..50be36063 100644
--- a/public/framework/redux/reducers/index.ts
+++ b/public/framework/redux/reducers/index.ts
@@ -16,6 +16,7 @@ import { patternsReducer } from '../../../components/event_analytics/redux/slice
 import { metricsReducers } from '../../../components/metrics/redux/slices/metrics_slice';
 import { panelReducer } from '../../../components/custom_panels/redux/panel_slice';
 import { searchMetaDataSliceReducer } from '../../../components/event_analytics/redux/slices/search_meta_data_slice';
+import { summarizationReducer } from '../../../components/event_analytics/redux/slices/query_assistant_summarization_slice';
 
 const combinedReducer = combineReducers({
   // explorer reducers
@@ -30,6 +31,7 @@ const combinedReducer = combineReducers({
   metrics: metricsReducers,
   customPanel: panelReducer,
   searchMetadata: searchMetaDataSliceReducer,
+  queryAssistantSummarization: summarizationReducer,
 });
 
 export type RootState = ReturnType<typeof rootReducer>;
diff --git a/public/index.ts b/public/index.ts
index a43ed0e20..919af71b2 100644
--- a/public/index.ts
+++ b/public/index.ts
@@ -3,15 +3,13 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import './variables.scss';
+import { PluginInitializerContext } from '../../../src/core/public';
+import './components/notebooks/index.scss';
 import './components/trace_analytics/index.scss';
-import './components/notebooks/index.scss'
-
-import { PluginInitializer, PluginInitializerContext } from '../../../src/core/public';
-import {
-  ObservabilityPlugin
-} from './plugin';
+import { ObservabilityPlugin } from './plugin';
+import './variables.scss';
 
 export { ObservabilityPlugin as Plugin };
 
-export const plugin = (initializerContext: PluginInitializerContext) => new ObservabilityPlugin(initializerContext);
\ No newline at end of file
+export const plugin = (initializerContext: PluginInitializerContext) =>
+  new ObservabilityPlugin(initializerContext);
diff --git a/public/plugin.ts b/public/plugin.ts
index db3673380..aef5db217 100644
--- a/public/plugin.ts
+++ b/public/plugin.ts
@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import './index.scss';
 import { i18n } from '@osd/i18n';
 import {
   AppCategory,
@@ -12,37 +11,38 @@ import {
   CoreStart,
   DEFAULT_APP_CATEGORIES,
   Plugin,
+  PluginInitializerContext,
+  SavedObject,
 } from '../../../src/core/public';
 import { CREATE_TAB_PARAM, CREATE_TAB_PARAM_KEY, TAB_CHART_ID } from '../common/constants/explorer';
-
 import {
+  DATACONNECTIONS_BASE,
   observabilityApplicationsID,
   observabilityApplicationsPluginOrder,
   observabilityApplicationsTitle,
-  observabilityTracesTitle,
+  observabilityDataConnectionsID,
+  observabilityDataConnectionsPluginOrder,
+  observabilityDataConnectionsTitle,
+  observabilityIntegrationsID,
+  observabilityIntegrationsPluginOrder,
+  observabilityIntegrationsTitle,
+  observabilityLogsID,
+  observabilityLogsPluginOrder,
+  observabilityLogsTitle,
   observabilityMetricsID,
   observabilityMetricsPluginOrder,
   observabilityMetricsTitle,
   observabilityNotebookID,
   observabilityNotebookPluginOrder,
   observabilityNotebookTitle,
-  observabilityTracesID,
-  observabilityTracesPluginOrder,
   observabilityPanelsID,
-  observabilityPanelsTitle,
   observabilityPanelsPluginOrder,
-  observabilityLogsID,
-  observabilityLogsTitle,
-  observabilityLogsPluginOrder,
-  observabilityIntegrationsID,
-  observabilityIntegrationsTitle,
-  observabilityIntegrationsPluginOrder,
+  observabilityPanelsTitle,
   observabilityPluginOrder,
-  DATACONNECTIONS_BASE,
+  observabilityTracesID,
+  observabilityTracesPluginOrder,
+  observabilityTracesTitle,
   S3_DATASOURCE_TYPE,
-  observabilityDataConnectionsID,
-  observabilityDataConnectionsPluginOrder,
-  observabilityDataConnectionsTitle,
 } from '../common/constants/shared';
 import { QueryManager } from '../common/query_manager';
 import { VISUALIZATION_SAVED_OBJECT } from '../common/types/observability_saved_object_attributes';
@@ -52,10 +52,11 @@ import {
   setPPLService,
   uiSettingsService,
 } from '../common/utils';
+import { Search } from './components/common/search/search';
+import { DirectSearch } from './components/common/search/sql_search';
 import { convertLegacyNotebooksUrl } from './components/notebooks/components/helpers/legacy_route_helpers';
 import { convertLegacyTraceAnalyticsUrl } from './components/trace_analytics/components/common/legacy_route_helpers';
-import { SavedObject } from '../../../src/core/public';
-import { coreRefs } from './framework/core_refs';
+import { registerAsssitantDependencies } from './dependencies/register_assistant';
 import {
   OBSERVABILITY_EMBEDDABLE,
   OBSERVABILITY_EMBEDDABLE_DESCRIPTION,
@@ -64,6 +65,9 @@ import {
   OBSERVABILITY_EMBEDDABLE_ID,
 } from './embeddable/observability_embeddable';
 import { ObservabilityEmbeddableFactoryDefinition } from './embeddable/observability_embeddable_factory';
+import { coreRefs } from './framework/core_refs';
+import { S3DataSource } from './framework/datasources/s3_datasource';
+import { DataSourcePluggable } from './framework/datasource_pluggables/datasource_pluggable';
 import './index.scss';
 import DSLService from './services/requests/dsl';
 import PPLService from './services/requests/ppl';
@@ -75,15 +79,24 @@ import {
   ObservabilityStart,
   SetupDependencies,
 } from './types';
-import { S3DataSource } from './framework/datasources/s3_datasource';
-import { DataSourcePluggable } from './framework/datasource_pluggables/datasource_pluggable';
-import { DirectSearch } from './components/common/search/sql_search';
-import { Search } from './components/common/search/search';
-import { registerAsssitantDependencies } from './dependencies/register_assistant';
+
+interface PublicConfig {
+  query_assist: {
+    enabled: boolean;
+  };
+  summarize: {
+    enabled: boolean;
+  };
+}
 
 export class ObservabilityPlugin
   implements
     Plugin<ObservabilitySetup, ObservabilityStart, SetupDependencies, AppPluginStartDependencies> {
+  private config: PublicConfig;
+  constructor(initializerContext: PluginInitializerContext) {
+    this.config = initializerContext.config.get<PublicConfig>();
+  }
+
   public setup(
     core: CoreSetup<AppPluginStartDependencies>,
     setupDeps: SetupDependencies
@@ -325,6 +338,8 @@ export class ObservabilityPlugin
     coreRefs.dataSources = startDeps.data.dataSources;
     coreRefs.application = core.application;
     coreRefs.dashboard = startDeps.dashboard;
+    coreRefs.queryAssistEnabled = this.config.query_assist.enabled;
+    coreRefs.summarizeEnabled = this.config.summarize.enabled;
 
     const { dataSourceService, dataSourceFactory } = startDeps.data.dataSources;
 
diff --git a/public/services/data_fetchers/ppl/ppl_data_fetcher.ts b/public/services/data_fetchers/ppl/ppl_data_fetcher.ts
index 68717b74a..984c89984 100644
--- a/public/services/data_fetchers/ppl/ppl_data_fetcher.ts
+++ b/public/services/data_fetchers/ppl/ppl_data_fetcher.ts
@@ -49,9 +49,9 @@ export class PPLDataFetcher extends DataFetcherBase implements IDataFetcher {
         });
       }
     } catch (error) {
-      this.notifications.toasts.addError(error, {
+      /* this.notifications.toasts.addError(error, {
         title: 'Unable to get default timestamp',
-      });
+      }); */
     }
   }
 
@@ -80,6 +80,7 @@ export class PPLDataFetcher extends DataFetcherBase implements IDataFetcher {
       getErrorHandler,
       getPatterns,
       getAvailableFields,
+      setSummaryStatus,
     } = this.searchContext;
     const { dispatch, changeQuery } = this.storeContext;
 
@@ -113,7 +114,7 @@ export class PPLDataFetcher extends DataFetcherBase implements IDataFetcher {
     if (isLiveTailOn) {
       getLiveTail(finalQuery, getErrorHandler('Error fetching events'));
     } else {
-      getEvents(finalQuery, getErrorHandler('Error fetching events'));
+      getEvents(finalQuery, getErrorHandler('Error fetching events'), setSummaryStatus);
     }
     // still need all fields when query contains stats
     if (finalQuery.match(PPL_STATS_REGEX)) getAvailableFields(`search source=${this.queryIndex}`);
@@ -137,7 +138,7 @@ export class PPLDataFetcher extends DataFetcherBase implements IDataFetcher {
     }
   }
 
-  async setLogPattern(query: IQuery, index: string, finalQuery: string) {
+  async setLogPattern(query: IQuery, index: string, _finalQuery: string) {
     const { getErrorHandler, setDefaultPatternsField } = this.searchContext;
     // set pattern
     if (isEmpty(query[SELECTED_PATTERN_FIELD])) {
diff --git a/server/common/helpers/query_assist/__tests__/generate_field_context.test.ts b/server/common/helpers/query_assist/__tests__/generate_field_context.test.ts
new file mode 100644
index 000000000..cabb19ecf
--- /dev/null
+++ b/server/common/helpers/query_assist/__tests__/generate_field_context.test.ts
@@ -0,0 +1,95 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { ApiResponse } from '@opensearch-project/opensearch/.';
+import { IndicesGetMappingResponse } from '@opensearch-project/opensearch/api/types';
+import { SearchResponse } from 'elasticsearch';
+import { generateFieldContext } from '../generate_field_context';
+
+describe('Generate field context', () => {
+  it('handles empty mappings', () => {
+    const fields = generateFieldContext(
+      ({
+        body: { employee_nested: { mappings: {} } },
+      } as unknown) as ApiResponse<IndicesGetMappingResponse>,
+      ({
+        body: {
+          took: 0,
+          timed_out: false,
+          _shards: { total: 1, successful: 1, skipped: 0, failed: 0 },
+          hits: { total: { value: 0, relation: 'gte' }, max_score: 1, hits: [] },
+        },
+      } as unknown) as ApiResponse<SearchResponse<unknown>>
+    );
+    expect(fields).toEqual('');
+  });
+
+  it('generates field context', () => {
+    const fields = generateFieldContext(
+      ({
+        body: {
+          employee_nested: {
+            mappings: {
+              properties: {
+                comments: {
+                  properties: {
+                    date: { type: 'date' },
+                    likes: { type: 'long' },
+                    message: {
+                      type: 'text',
+                      fields: { keyword: { type: 'keyword', ignore_above: 256 } },
+                    },
+                  },
+                },
+                id: { type: 'long' },
+                name: { type: 'keyword' },
+                projects: {
+                  properties: {
+                    address: {
+                      properties: { city: { type: 'keyword' }, state: { type: 'keyword' } },
+                    },
+                    name: { type: 'keyword' },
+                    started_year: { type: 'long' },
+                  },
+                },
+                title: { type: 'keyword' },
+              },
+            },
+          },
+        },
+      } as unknown) as ApiResponse<IndicesGetMappingResponse>,
+      ({
+        body: {
+          took: 0,
+          timed_out: false,
+          _shards: { total: 1, successful: 1, skipped: 0, failed: 0 },
+          hits: {
+            total: { value: 10000, relation: 'gte' },
+            max_score: 1,
+            hits: [
+              {
+                _index: 'employee_nested',
+                _id: '-cIErYkBQjxNwHvKnmIS',
+                _score: 1,
+                _source: {
+                  id: 4,
+                  name: 'Susan Smith',
+                  projects: [],
+                  comments: [
+                    { date: '2018-06-23', message: 'I love New york', likes: 56 },
+                    { date: '2017-10-25', message: 'Today is good weather', likes: 22 },
+                  ],
+                },
+              },
+            ],
+          },
+        },
+      } as unknown) as ApiResponse<SearchResponse<unknown>>
+    );
+    expect(fields).toEqual(
+      '- comments.date: date (null)\n- comments.likes: long (null)\n- comments.message: text (null)\n- id: long (4)\n- name: keyword ("Susan Smith")\n- projects.address.city: keyword (null)\n- projects.address.state: keyword (null)\n- projects.name: keyword (null)\n- projects.started_year: long (null)\n- title: keyword (null)'
+    );
+  });
+});
diff --git a/server/common/helpers/query_assist/generate_field_context.ts b/server/common/helpers/query_assist/generate_field_context.ts
new file mode 100644
index 000000000..ff5d49123
--- /dev/null
+++ b/server/common/helpers/query_assist/generate_field_context.ts
@@ -0,0 +1,71 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { ApiResponse } from '@opensearch-project/opensearch';
+import {
+  IndicesGetMappingResponse,
+  MappingProperty,
+  SearchResponse,
+} from '@opensearch-project/opensearch/api/types';
+import { get } from 'lodash';
+
+/**
+ * @template T = unknown - mapping Context
+ * @template U = unknown - search Context
+ * @param mappings - mapping from get mappings request
+ * @param hits - search response that contains a sample document
+ * @returns a string that describes fields, types, and sample values
+ */
+export const generateFieldContext = <T = unknown, U = unknown>(
+  mappings: ApiResponse<IndicesGetMappingResponse, T>,
+  hits: ApiResponse<SearchResponse<U>, U>
+) => {
+  const flattenedFields = flattenMappings(mappings);
+  const source = hits.body.hits.hits[0]?._source;
+
+  return Object.entries(flattenedFields)
+    .filter(([, type]) => type !== 'alias') // PPL doesn't support 'alias' type
+    .map(([field, type]) => {
+      return `- ${field}: ${type} (${extractValue(source, field, type)})`;
+    })
+    .join('\n');
+};
+
+const extractValue = (source: unknown | undefined, field: string, type: string) => {
+  const value = get(source, field);
+  if (value === undefined) return null;
+  if (['text', 'keyword'].includes(type)) return `"${value}"`;
+  return value;
+};
+
+/**
+ * Flatten mappings response to an object of fields and types.
+ *
+ * @template T = unknown - Context
+ * @param mappings - mapping from get mappings request
+ * @returns an object of fields and types
+ */
+const flattenMappings = <T = unknown>(mappings: ApiResponse<IndicesGetMappingResponse, T>) => {
+  const fields: Record<string, string> = {};
+  Object.values(mappings.body).forEach((body) =>
+    parseProperties(body.mappings.properties, undefined, fields)
+  );
+  return fields;
+};
+
+const parseProperties = (
+  properties: Record<string, MappingProperty> | undefined,
+  prefixes: string[] = [],
+  fields: Record<string, string>
+) => {
+  Object.entries(properties || {}).forEach(([key, value]) => {
+    if (value.properties) {
+      parseProperties(value.properties, [...prefixes, key], fields);
+    } else {
+      fields[[...prefixes, key].join('.')] = value.type!;
+    }
+  });
+  return fields;
+};
diff --git a/server/index.ts b/server/index.ts
index fb4e47bd3..42810e059 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -3,7 +3,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { PluginInitializerContext } from '../../../src/core/server';
+import { schema, TypeOf } from '@osd/config-schema';
+import { PluginConfigDescriptor, PluginInitializerContext } from '../../../src/core/server';
 import { ObservabilityPlugin } from './plugin';
 
 export function plugin(initializerContext: PluginInitializerContext) {
@@ -11,3 +12,42 @@ export function plugin(initializerContext: PluginInitializerContext) {
 }
 
 export { ObservabilityPluginSetup, ObservabilityPluginStart } from './types';
+
+const observabilityConfig = {
+  schema: schema.object({
+    query_assist: schema.object({
+      enabled: schema.boolean({ defaultValue: false }),
+      ppl_agent_name: schema.conditional(
+        schema.siblingRef('enabled'),
+        true,
+        schema.string(),
+        schema.maybe(schema.string())
+      ),
+    }),
+    summarize: schema.object({
+      enabled: schema.boolean({ defaultValue: false }),
+      response_summary_agent_name: schema.conditional(
+        schema.siblingRef('enabled'),
+        true,
+        schema.string(),
+        schema.maybe(schema.string())
+      ),
+      error_summary_agent_name: schema.conditional(
+        schema.siblingRef('enabled'),
+        true,
+        schema.string(),
+        schema.maybe(schema.string())
+      ),
+    }),
+  }),
+};
+
+export type ObservabilityConfig = TypeOf<typeof observabilityConfig.schema>;
+
+export const config: PluginConfigDescriptor<ObservabilityConfig> = {
+  schema: observabilityConfig.schema,
+  exposeToBrowser: {
+    query_assist: true,
+    summarize: true,
+  },
+};
diff --git a/server/plugin.ts b/server/plugin.ts
index ea98af80e..8780c5989 100644
--- a/server/plugin.ts
+++ b/server/plugin.ts
@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { first } from 'rxjs/operators';
+import { ObservabilityConfig } from '.';
 import {
   CoreSetup,
   CoreStart,
@@ -26,16 +28,18 @@ export class ObservabilityPlugin
   implements Plugin<ObservabilityPluginSetup, ObservabilityPluginStart> {
   private readonly logger: Logger;
 
-  constructor(initializerContext: PluginInitializerContext) {
+  constructor(private readonly initializerContext: PluginInitializerContext) {
     this.logger = initializerContext.logger.get();
   }
 
-  public setup(core: CoreSetup, deps: {
-    assistantDashboards?: AssistantPluginSetup
-  }) {
+  public async setup(core: CoreSetup, deps: { assistantDashboards?: AssistantPluginSetup }) {
     const { assistantDashboards } = deps;
     this.logger.debug('Observability: Setup');
     const router = core.http.createRouter();
+    const config = await this.initializerContext.config
+      .create<ObservabilityConfig>()
+      .pipe(first())
+      .toPromise();
     const openSearchObservabilityClient: ILegacyClusterClient = core.opensearch.legacy.createClient(
       'opensearch_observability',
       {
@@ -44,7 +48,7 @@ export class ObservabilityPlugin
     );
 
     // @ts-ignore
-    core.http.registerRouteHandlerContext('observability_plugin', (context, request) => {
+    core.http.registerRouteHandlerContext('observability_plugin', (_context, _request) => {
       return {
         logger: this.logger,
         observabilityClient: openSearchObservabilityClient,
@@ -115,7 +119,7 @@ export class ObservabilityPlugin
     core.savedObjects.registerType(integrationInstanceType);
 
     // Register server side APIs
-    setupRoutes({ router, client: openSearchObservabilityClient });
+    setupRoutes({ router, client: openSearchObservabilityClient, config });
 
     core.savedObjects.registerType(visualizationSavedObject);
     core.savedObjects.registerType(searchSavedObject);
@@ -130,10 +134,10 @@ export class ObservabilityPlugin
     return {};
   }
 
-  public start(core: CoreStart) {
+  public start(_core: CoreStart) {
     this.logger.debug('Observability: Started');
     return {};
   }
 
-  public stop() { }
+  public stop() {}
 }
diff --git a/server/routes/index.ts b/server/routes/index.ts
index 2d02adca0..6bc08028d 100644
--- a/server/routes/index.ts
+++ b/server/routes/index.ts
@@ -3,28 +3,38 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { IRouter, ILegacyClusterClient } from '../../../../src/core/server';
-import { registerPplRoute } from './ppl';
-import { PPLFacet } from '../services/facets/ppl_facet';
-import { registerDslRoute } from './dsl';
+import { ObservabilityConfig } from '..';
+import { ILegacyClusterClient, IRouter } from '../../../../src/core/server';
 import { DSLFacet } from '../services/facets/dsl_facet';
+import { PPLFacet } from '../services/facets/ppl_facet';
 import SavedObjectFacet from '../services/facets/saved_objects';
-import { PanelsRouter } from './custom_panels/panels_router';
-import { VisualizationsRouter } from './custom_panels/visualizations_router';
-import { registerTraceAnalyticsDslRouter } from './trace_analytics_dsl_router';
-import { registerParaRoute } from './notebooks/paraRouter';
-import { registerNoteRoute } from './notebooks/noteRouter';
-import { registerVizRoute } from './notebooks/vizRouter';
 import { QueryService } from '../services/queryService';
-import { registerSqlRoute } from './notebooks/sqlRouter';
-import { registerEventAnalyticsRouter } from './event_analytics/event_analytics_router';
 import { registerAppAnalyticsRouter } from './application_analytics/app_analytics_router';
-import { registerMetricsRoute } from './metrics/metrics_rounter';
-import { registerIntegrationsRoute } from './integrations/integrations_router';
+import { PanelsRouter } from './custom_panels/panels_router';
+import { VisualizationsRouter } from './custom_panels/visualizations_router';
 import { registerDataConnectionsRoute } from './data_connections/data_connections_router';
 import { registerDatasourcesRoute } from './datasources/datasources_router';
+import { registerDslRoute } from './dsl';
+import { registerEventAnalyticsRouter } from './event_analytics/event_analytics_router';
+import { registerIntegrationsRoute } from './integrations/integrations_router';
+import { registerMetricsRoute } from './metrics/metrics_rounter';
+import { registerNoteRoute } from './notebooks/noteRouter';
+import { registerParaRoute } from './notebooks/paraRouter';
+import { registerSqlRoute } from './notebooks/sqlRouter';
+import { registerVizRoute } from './notebooks/vizRouter';
+import { registerPplRoute } from './ppl';
+import { registerQueryAssistRoutes } from './query_assist/routes';
+import { registerTraceAnalyticsDslRouter } from './trace_analytics_dsl_router';
 
-export function setupRoutes({ router, client }: { router: IRouter; client: ILegacyClusterClient }) {
+export function setupRoutes({
+  router,
+  client,
+  config,
+}: {
+  router: IRouter;
+  client: ILegacyClusterClient;
+  config: ObservabilityConfig;
+}) {
   PanelsRouter(router);
   VisualizationsRouter(router);
   registerPplRoute({ router, facet: new PPLFacet(client) });
@@ -46,4 +56,5 @@ export function setupRoutes({ router, client }: { router: IRouter; client: ILega
   registerIntegrationsRoute(router);
   registerDataConnectionsRoute(router);
   registerDatasourcesRoute(router);
+  registerQueryAssistRoutes(router, config);
 }
diff --git a/server/routes/query_assist/routes.ts b/server/routes/query_assist/routes.ts
new file mode 100644
index 000000000..e99f5f972
--- /dev/null
+++ b/server/routes/query_assist/routes.ts
@@ -0,0 +1,158 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { schema } from '@osd/config-schema';
+import { ObservabilityConfig } from '../..';
+import {
+  IOpenSearchDashboardsResponse,
+  IRouter,
+  ResponseError,
+} from '../../../../../src/core/server';
+import { isResponseError } from '../../../../../src/core/server/opensearch/client/errors';
+import { QUERY_ASSIST_API } from '../../../common/constants/query_assist';
+import { generateFieldContext } from '../../common/helpers/query_assist/generate_field_context';
+import { requestWithRetryAgentSearch } from './utils/agents';
+
+export function registerQueryAssistRoutes(router: IRouter, config: ObservabilityConfig) {
+  const { ppl_agent_name: pplAgentName } = config.query_assist;
+  const {
+    response_summary_agent_name: responseSummaryAgentName,
+    error_summary_agent_name: errorSummaryAgentName,
+  } = config.summarize;
+
+  router.post(
+    {
+      path: QUERY_ASSIST_API.GENERATE_PPL,
+      validate: {
+        body: schema.object({
+          index: schema.string(),
+          question: schema.string(),
+        }),
+      },
+    },
+    async (
+      context,
+      request,
+      response
+    ): Promise<IOpenSearchDashboardsResponse<any | ResponseError>> => {
+      if (!pplAgentName)
+        return response.custom({
+          statusCode: 400,
+          body:
+            'PPL agent name not found in opensearch_dashboards.yml. Expected observability.query_assist.ppl_agent_name',
+        });
+
+      const client = context.core.opensearch.client.asCurrentUser;
+      try {
+        const pplRequest = await requestWithRetryAgentSearch({
+          client,
+          agentName: pplAgentName,
+          body: {
+            parameters: {
+              index: request.body.index,
+              question: request.body.question,
+            },
+          },
+        });
+        if (!pplRequest.body.inference_results[0].output[0].result)
+          throw new Error('Generated PPL query not found.');
+        const result = JSON.parse(pplRequest.body.inference_results[0].output[0].result) as {
+          ppl: string;
+          executionResult: string;
+        };
+        const ppl = result.ppl
+          .replace(/[\r\n]/g, ' ')
+          .trim()
+          .replace(/ISNOTNULL/g, 'isnotnull') // https://github.com/opensearch-project/sql/issues/2431
+          .replace(/`/g, '') // https://github.com/opensearch-project/dashboards-observability/issues/509, https://github.com/opensearch-project/dashboards-observability/issues/557
+          .replace(/\bSPAN\(/g, 'span('); // https://github.com/opensearch-project/dashboards-observability/issues/759
+        return response.ok({ body: ppl });
+      } catch (error) {
+        // parse PPL query from error response if exists
+        // TODO remove after https://github.com/opensearch-project/skills/issues/138
+        if (isResponseError(error) && error.body.error?.reason) {
+          const pplMatch = error.body.error.reason.match(/execute ppl:(.+), get error:/);
+          if (pplMatch[1]) return response.ok({ body: pplMatch[1] });
+        }
+        return response.custom({ statusCode: error.statusCode || 500, body: error.message });
+      }
+    }
+  );
+
+  router.post(
+    {
+      path: QUERY_ASSIST_API.SUMMARIZE,
+      validate: {
+        body: schema.object({
+          index: schema.string(),
+          question: schema.string(),
+          query: schema.maybe(schema.string()),
+          response: schema.string(),
+          isError: schema.boolean(),
+        }),
+      },
+    },
+    async (
+      context,
+      request,
+      response
+    ): Promise<IOpenSearchDashboardsResponse<any | ResponseError>> => {
+      if (!responseSummaryAgentName || !errorSummaryAgentName)
+        return response.custom({
+          statusCode: 400,
+          body:
+            'Summary agent name not found in opensearch_dashboards.yml. Expected observability.query_assist.response_summary_agent_name and observability.query_assist.error_summary_agent_name',
+        });
+
+      const client = context.core.opensearch.client.asCurrentUser;
+      const { index, question, query, response: _response, isError } = request.body;
+      const queryResponse = JSON.stringify(_response);
+      let summaryRequest;
+
+      try {
+        if (!isError) {
+          summaryRequest = await requestWithRetryAgentSearch({
+            client,
+            agentName: responseSummaryAgentName,
+            body: {
+              parameters: { index, question, query, response: queryResponse },
+            },
+          });
+        } else {
+          const [mappings, sampleDoc] = await Promise.all([
+            client.indices.getMapping({ index }),
+            client.search({ index, size: 1 }),
+          ]);
+          const fields = generateFieldContext(mappings, sampleDoc);
+          summaryRequest = await requestWithRetryAgentSearch({
+            client,
+            agentName: errorSummaryAgentName,
+            body: {
+              parameters: { index, question, query, response: queryResponse, fields },
+            },
+          });
+        }
+        const summary = summaryRequest.body.inference_results[0].output[0].result;
+        if (!summary) throw new Error('Generated summary not found.');
+        const suggestedQuestions = Array.from(
+          (summaryRequest.body.inference_results[0].output[1]?.result || '').matchAll(
+            /<question>((.|[\r\n])+?)<\/question>/g
+          )
+        ).map((m) => (m as unknown[])[1]);
+        return response.ok({
+          body: {
+            summary,
+            suggestedQuestions,
+          },
+        });
+      } catch (error) {
+        return response.custom({
+          statusCode: error.statusCode || 500,
+          body: error.message,
+        });
+      }
+    }
+  );
+}
diff --git a/server/routes/query_assist/utils/__tests__/agents.test.ts b/server/routes/query_assist/utils/__tests__/agents.test.ts
new file mode 100644
index 000000000..713299fa3
--- /dev/null
+++ b/server/routes/query_assist/utils/__tests__/agents.test.ts
@@ -0,0 +1,125 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { CoreRouteHandlerContext } from '../../../../../../../src/core/server/core_route_handler_context';
+import { coreMock, httpServerMock } from '../../../../../../../src/core/server/mocks';
+import { agentIdMap, requestWithRetryAgentSearch, searchAgentIdByName } from '../agents';
+
+describe('Agents helper functions', () => {
+  const coreContext = new CoreRouteHandlerContext(
+    coreMock.createInternalStart(),
+    httpServerMock.createOpenSearchDashboardsRequest()
+  );
+  const client = coreContext.opensearch.client.asCurrentUser;
+  const mockedTransport = client.transport.request as jest.Mock;
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('searches agent id by name', async () => {
+    mockedTransport.mockResolvedValueOnce({
+      body: { hits: { total: { value: 1 }, hits: [{ _id: 'agentId' }] } },
+    });
+    const id = await searchAgentIdByName(client, 'test agent');
+    expect(id).toEqual('agentId');
+    expect(mockedTransport.mock.calls[0]).toMatchInlineSnapshot(`
+      Array [
+        Object {
+          "body": Object {
+            "query": Object {
+              "term": Object {
+                "name.keyword": "test agent",
+              },
+            },
+            "sort": Object {
+              "created_time": "desc",
+            },
+          },
+          "method": "GET",
+          "path": "/_plugins/_ml/agents/_search",
+        },
+      ]
+    `);
+  });
+
+  it('handles not found errors', async () => {
+    mockedTransport.mockResolvedValueOnce({ body: { hits: { total: 0 } } });
+    await expect(
+      searchAgentIdByName(client, 'test agent')
+    ).rejects.toThrowErrorMatchingInlineSnapshot(
+      `"search agent 'test agent' failed, reason: Error: cannot find any agent by name: test agent"`
+    );
+  });
+
+  it('handles search errors', async () => {
+    mockedTransport.mockRejectedValueOnce('request failed');
+    await expect(
+      searchAgentIdByName(client, 'test agent')
+    ).rejects.toThrowErrorMatchingInlineSnapshot(
+      `"search agent 'test agent' failed, reason: request failed"`
+    );
+  });
+
+  it('requests with valid agent id', async () => {
+    agentIdMap['test agent'] = 'test-id';
+    mockedTransport.mockResolvedValueOnce({
+      body: { inference_results: [{ output: [{ result: 'test response' }] }] },
+    });
+    const response = await requestWithRetryAgentSearch({
+      client,
+      agentName: 'test agent',
+      shouldRetryAgentSearch: true,
+      body: { parameters: { param1: 'value1' } },
+    });
+    expect(mockedTransport).toBeCalledWith(
+      expect.objectContaining({
+        path: '/_plugins/_ml/agents/test-id/_execute',
+      }),
+      expect.anything()
+    );
+    expect(response.body.inference_results[0].output[0].result).toEqual('test response');
+  });
+
+  it('searches for agent id if id is undefined', async () => {
+    mockedTransport
+      .mockResolvedValueOnce({ body: { hits: { total: { value: 1 }, hits: [{ _id: 'new-id' }] } } })
+      .mockResolvedValueOnce({
+        body: { inference_results: [{ output: [{ result: 'test response' }] }] },
+      });
+    const response = await requestWithRetryAgentSearch({
+      client,
+      agentName: 'new agent',
+      shouldRetryAgentSearch: true,
+      body: { parameters: { param1: 'value1' } },
+    });
+    expect(mockedTransport).toBeCalledWith(
+      expect.objectContaining({ path: '/_plugins/_ml/agents/new-id/_execute' }),
+      expect.anything()
+    );
+    expect(response.body.inference_results[0].output[0].result).toEqual('test response');
+  });
+
+  it('searches for agent id if id is not found', async () => {
+    agentIdMap['test agent'] = 'non-exist-agent';
+    mockedTransport
+      .mockRejectedValueOnce({ statusCode: 404, body: {}, headers: {} })
+      .mockResolvedValueOnce({ body: { hits: { total: { value: 1 }, hits: [{ _id: 'new-id' }] } } })
+      .mockResolvedValueOnce({
+        body: { inference_results: [{ output: [{ result: 'test response' }] }] },
+      });
+    const response = await requestWithRetryAgentSearch({
+      client,
+      agentName: 'test agent',
+      shouldRetryAgentSearch: true,
+      body: { parameters: { param1: 'value1' } },
+    });
+    expect(mockedTransport).toBeCalledWith(
+      expect.objectContaining({ path: '/_plugins/_ml/agents/new-id/_execute' }),
+      expect.anything()
+    );
+    expect(response.body.inference_results[0].output[0].result).toEqual('test response');
+  });
+});
diff --git a/server/routes/query_assist/utils/agents.ts b/server/routes/query_assist/utils/agents.ts
new file mode 100644
index 000000000..ae909790b
--- /dev/null
+++ b/server/routes/query_assist/utils/agents.ts
@@ -0,0 +1,96 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { ApiResponse } from '@opensearch-project/opensearch/.';
+import { SearchResponse, SearchTotalHits } from '@opensearch-project/opensearch/api/types';
+import { RequestBody } from '@opensearch-project/opensearch/lib/Transport';
+import { OpenSearchClient } from '../../../../../../src/core/server';
+import { isResponseError } from '../../../../../../src/core/server/opensearch/client/errors';
+import { ML_COMMONS_API_PREFIX } from '../../../../common/constants/query_assist';
+
+const AGENT_REQUEST_OPTIONS = {
+  /**
+   * It is time-consuming for LLM to generate final answer
+   * Give it a large timeout window
+   */
+  requestTimeout: 5 * 60 * 1000,
+  /**
+   * Do not retry
+   */
+  maxRetries: 0,
+};
+
+type AgentResponse = ApiResponse<{
+  inference_results: Array<{
+    output: Array<{ name: string; result?: string }>;
+  }>;
+}>;
+
+export const agentIdMap: Record<string, string> = {};
+
+export const searchAgentIdByName = async (
+  opensearchClient: OpenSearchClient,
+  name: string
+): Promise<string> => {
+  try {
+    const response = (await opensearchClient.transport.request({
+      method: 'GET',
+      path: `${ML_COMMONS_API_PREFIX}/agents/_search`,
+      body: {
+        query: {
+          term: {
+            'name.keyword': name,
+          },
+        },
+        sort: {
+          created_time: 'desc',
+        },
+      },
+    })) as ApiResponse<SearchResponse>;
+
+    if (
+      !response ||
+      (typeof response.body.hits.total === 'number' && response.body.hits.total === 0) ||
+      (response.body.hits.total as SearchTotalHits).value === 0
+    ) {
+      throw new Error('cannot find any agent by name: ' + name);
+    }
+    const id = response.body.hits.hits[0]._id;
+    return id;
+  } catch (error) {
+    const errorMessage = JSON.stringify(error.meta?.body) || error;
+    throw new Error(`search agent '${name}' failed, reason: ` + errorMessage);
+  }
+};
+
+export const requestWithRetryAgentSearch = async (options: {
+  client: OpenSearchClient;
+  agentName: string;
+  shouldRetryAgentSearch?: boolean;
+  body: RequestBody;
+}): Promise<AgentResponse> => {
+  const { client, agentName, shouldRetryAgentSearch = true, body } = options;
+  let retry = shouldRetryAgentSearch;
+  if (!agentIdMap[agentName]) {
+    agentIdMap[agentName] = await searchAgentIdByName(client, agentName);
+    retry = false;
+  }
+  return client.transport
+    .request(
+      {
+        method: 'POST',
+        path: `${ML_COMMONS_API_PREFIX}/agents/${agentIdMap[agentName]}/_execute`,
+        body,
+      },
+      AGENT_REQUEST_OPTIONS
+    )
+    .catch(async (error) => {
+      if (retry && isResponseError(error) && error.statusCode === 404) {
+        agentIdMap[agentName] = await searchAgentIdByName(client, agentName);
+        return requestWithRetryAgentSearch({ ...options, shouldRetryAgentSearch: false });
+      }
+      return Promise.reject(error);
+    }) as Promise<AgentResponse>;
+};