From 5926f64492dc0c8018a0ac63bf57b0b03d38b0cd Mon Sep 17 00:00:00 2001
From: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Date: Wed, 7 Aug 2024 13:05:46 +0200
Subject: [PATCH] [Obs ai assistant][ES|QL] Initial render of the ES|QL table
 in a more compact format (#190027)

## Summary

Nothing super crucial, it has to do with the initial render of the ES|QL
datable. In order to be aligned with the table we render in the flyout
and minimize the space it takes, we initialize in single row. The users
can still change the row height from the settings.

It is actually this:

<img width="1084" alt="image"
src="https://github.com/user-attachments/assets/010013fd-37a8-46ff-9847-5b004d582aca">


instead of:
<img width="1075" alt="image"
src="https://github.com/user-attachments/assets/508a0cba-d66f-434b-8136-286023c02dcc">


The users can always adapt the settings:
<img width="1117" alt="image"
src="https://github.com/user-attachments/assets/1bda9a2d-d707-43bd-8f70-571ced3b337b">
---
 .../public/functions/visualize_esql.tsx                         | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/x-pack/plugins/observability_solution/observability_ai_assistant_app/public/functions/visualize_esql.tsx b/x-pack/plugins/observability_solution/observability_ai_assistant_app/public/functions/visualize_esql.tsx
index e81e30b0beec7..404ff9e32a4db 100644
--- a/x-pack/plugins/observability_solution/observability_ai_assistant_app/public/functions/visualize_esql.tsx
+++ b/x-pack/plugins/observability_solution/observability_ai_assistant_app/public/functions/visualize_esql.tsx
@@ -353,6 +353,7 @@ export function VisualizeESQL({
                   query={{ esql: query }}
                   flyoutType="overlay"
                   isTableView
+                  initialRowHeight={0}
                 />
               ) : (
                 <lens.EmbeddableComponent
@@ -375,6 +376,7 @@ export function VisualizeESQL({
               dataView={dataViewAsync.value}
               query={{ esql: query }}
               flyoutType="overlay"
+              initialRowHeight={0}
             />
           </EuiFlexItem>
         )}