[ES|QL] [Lens] Adds query stats

src/platform/plugins/shared/discover/kibana.jsonc

@@ -56,7 +56,8 @@
       "kibanaReact",
       "unifiedSearch",
       "savedObjects",
-      "presentationPanel"
+      "presentationPanel",
+      "esql"
     ],
     "extraPublicDirs": ["common"]
   }

src/platform/plugins/shared/discover/moon.yml

@@ -132,6 +132,7 @@ dependsOn:
   - '@kbn/shared-ux-error-boundary'
   - '@kbn/core-chrome-app-menu'
   - '@kbn/es-query-constants'
+  - '@kbn/esql'
 tags:
   - plugin
   - prod

src/platform/plugins/shared/discover/public/application/main/components/top_nav/discover_topnav.tsx

@@ -15,6 +15,7 @@ import {
   prepareDataViewForEditing,
 } from '@kbn/discover-utils';
 import type { ESQLEditorRestorableState } from '@kbn/esql-editor';
+import { useESQLQueryStats } from '@kbn/esql/public';
 import {
   type Filter,
   type Query,
@@ -41,7 +42,6 @@ import {
   useInternalStateSelector,
 } from '../../state_management/redux';
 import { DiscoverTopNavMenu } from './discover_topnav_menu';
-import { useESQLQueryStats } from './use_esql_query_stats';
 import { ESQLToDataViewTransitionModal } from './esql_dataview_transition';
 import { onSaveDiscoverSession } from './save_discover_session';
 import { useDiscoverTopNav } from './use_discover_topnav';

src/platform/plugins/shared/discover/tsconfig.json

@@ -126,6 +126,7 @@
     "@kbn/shared-ux-error-boundary",
     "@kbn/core-chrome-app-menu",
     "@kbn/es-query-constants",
+    "@kbn/esql",
   ],
   "exclude": ["target/**/*"]
 }

src/platform/plugins/shared/esql/moon.yml

@@ -48,6 +48,7 @@ dependsOn:
   - '@kbn/file-upload-plugin'
   - '@kbn/discover-utils'
   - '@kbn/kql'
+  - '@kbn/inspector-plugin'
 tags:
   - plugin
   - prod

src/platform/plugins/shared/discover/public/application/main/components/top_nav/use_esql_query_stats.ts → src/platform/plugins/shared/esql/public/hooks/use_esql_query_stats.ts

@@ -29,7 +29,7 @@ export function useESQLQueryStats(
           durationInMs: stats.queryTime?.value,
           totalDocumentsProcessed: stats.documentsProcessed?.value,
         };
-        setQueryStats((currentStats) => {
+        setQueryStats((currentStats: ESQLQueryStats | undefined) => {
           if (!isEqual(currentStats, updatedStats)) {
             return updatedStats;
           }

src/platform/plugins/shared/esql/public/index.ts

@@ -11,6 +11,7 @@ import type { PluginInitializerContext } from '@kbn/core/public';
 import { EsqlPlugin, type EsqlPluginStart } from './plugin';
 
 export { ESQLLangEditor } from './create_editor';
+export { useESQLQueryStats } from './hooks/use_esql_query_stats';
 export type { ESQLEditorProps, DataErrorsControl } from '@kbn/esql-editor';
 export type { EsqlPluginStart };
 

src/platform/plugins/shared/esql/tsconfig.json

@@ -39,6 +39,7 @@
     "@kbn/file-upload-plugin",
     "@kbn/discover-utils",
     "@kbn/kql",
+    "@kbn/inspector-plugin",
   ],
   "exclude": [
     "target/**/*",

x-pack/platform/plugins/shared/lens/public/editor_frame_service/editor_frame/config_panel/esql_editor.tsx

@@ -15,8 +15,8 @@ import type { CoreStart, IUiSettingsClient } from '@kbn/core/public';
 import { isEqual } from 'lodash';
 import type { MutableRefObject } from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { ESQLLangEditor } from '@kbn/esql/public';
-import { type ESQLControlVariable } from '@kbn/esql-types';
+import { ESQLLangEditor, useESQLQueryStats } from '@kbn/esql/public';
+import { type ESQLControlVariable, type ESQLQueryStats } from '@kbn/esql-types';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
 import type { DataViewSpec } from '@kbn/data-views-plugin/common';
@@ -116,6 +116,7 @@ export function ESQLEditor({
   const previousAdapters = useRef<Partial<DefaultInspectorAdapters> | undefined>(lensAdapters);
 
   const { esqlVariables } = useFetchContext({ uuid: panelId, parentApi });
+  const esqlQueryStats = useESQLQueryStats(isTextBasedLanguage, lensAdapters?.requests);
 
   const dispatch = useLensDispatch();
 
@@ -213,6 +214,7 @@ export function ESQLEditor({
         isVisualizationLoading={isVisualizationLoading}
         setIsVisualizationLoading={setIsVisualizationLoading}
         esqlVariables={esqlVariables}
+        queryStats={esqlQueryStats}
         closeFlyout={closeFlyout}
         panelId={panelId}
         attributes={attributes}
@@ -260,6 +262,7 @@ type InnerEditorProps = Simplify<
     suggestsLimitedColumns: boolean;
     adHocDataViews: DataViewSpec[];
     esqlVariables: ESQLControlVariable[] | undefined;
+    queryStats?: ESQLQueryStats;
   } & Pick<LayerPanelProps, 'attributes' | 'parentApi' | 'panelId' | 'closeFlyout'>
 >;
 
@@ -278,6 +281,7 @@ function InnerESQLEditor({
   prevQuery,
   runQuery,
   esqlVariables,
+  queryStats,
 }: InnerEditorProps) {
   const { euiTheme } = useEuiTheme();
   const { onSaveControl, onCancelControl } = useESQLVariables({
@@ -325,6 +329,7 @@ function InnerESQLEditor({
             onCancelControl,
           }}
           esqlVariables={esqlVariables}
+          queryStats={queryStats}
         />
       </div>
     </EuiFlexItem>