[ES|QL] Calculate the query for retrieving the values correctly (#214905)

## Summary

My function to calculate the query for retrieving the values wasn't
complete. This fixes it by taking under consideration the cursor
position


![meow](https://github.com/user-attachments/assets/eac8bd8e-4e09-406e-969f-eb8dd95a0e61)


### Checklist
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>

src/platform/packages/shared/kbn-esql-utils/src/utils/query_parsing_helpers.test.ts

@@ -21,6 +21,7 @@ import {
   mapVariableToColumn,
   getValuesFromQueryField,
 } from './query_parsing_helpers';
+import { monaco } from '@kbn/monaco';
 
 describe('esql query helpers', () => {
   describe('getIndexPatternFromESQLQuery', () => {
@@ -548,10 +549,28 @@ describe('esql query helpers', () => {
       expect(values).toEqual('my_field');
     });
 
+    it('should return the values from the query field when cursor is not at the end', () => {
+      const queryString = 'FROM my_index | WHERE my_field >= | STATS COUNT(*)';
+      const values = getValuesFromQueryField(queryString, {
+        lineNumber: 1,
+        column: 33,
+      } as monaco.Position);
+      expect(values).toEqual('my_field');
+    });
+
     it('should return the values from the query field with new lines', () => {
       const queryString = 'FROM my_index \n| WHERE my_field >=';
       const values = getValuesFromQueryField(queryString);
       expect(values).toEqual('my_field');
     });
+
+    it('should return the values from the query field with new lines when cursor is not at the end', () => {
+      const queryString = 'FROM my_index \n| WHERE my_field >= \n| STATS COUNT(*)';
+      const values = getValuesFromQueryField(queryString, {
+        lineNumber: 2,
+        column: 36,
+      } as monaco.Position);
+      expect(values).toEqual('my_field');
+    });
   });
 });

src/platform/packages/shared/kbn-esql-utils/src/utils/query_parsing_helpers.ts

@@ -17,6 +17,7 @@ import type {
 } from '@kbn/esql-ast';
 import type { ESQLControlVariable } from '@kbn/esql-types';
 import type { DatatableColumn } from '@kbn/expressions-plugin/common';
+import { monaco } from '@kbn/monaco';
 
 const DEFAULT_ESQL_LIMIT = 1000;
 
@@ -184,8 +185,28 @@ export const mapVariableToColumn = (
   return columns;
 };
 
-export const getValuesFromQueryField = (queryString: string) => {
-  const validQuery = `${queryString} ""`;
+const getQueryUpToCursor = (queryString: string, cursorPosition?: monaco.Position) => {
+  const lines = queryString.split('\n');
+  const lineNumber = cursorPosition?.lineNumber ?? lines.length;
+  const column = cursorPosition?.column ?? lines[lineNumber - 1].length;
+
+  // Handle the case where the cursor is within the first line
+  if (lineNumber === 1) {
+    return lines[0].slice(0, column);
+  }
+
+  // Get all lines up to the specified line number (exclusive of the current line)
+  const previousLines = lines.slice(0, lineNumber - 1).join('\n');
+  const currentLine = lines[lineNumber - 1].slice(0, column);
+
+  // Join the previous lines and the partial current line
+  return previousLines + '\n' + currentLine;
+};
+
+export const getValuesFromQueryField = (queryString: string, cursorPosition?: monaco.Position) => {
+  const queryInCursorPosition = getQueryUpToCursor(queryString, cursorPosition);
+
+  const validQuery = `${queryInCursorPosition} ""`;
   const { root } = parse(validQuery);
   const lastCommand = root.commands[root.commands.length - 1];
   const columns: ESQLColumn[] = [];

src/platform/packages/shared/kbn-esql-utils/tsconfig.json

@@ -28,5 +28,6 @@
     "@kbn/i18n",
     "@kbn/datemath",
     "@kbn/es-query",
+    "@kbn/monaco",
   ]
 }

src/platform/plugins/shared/esql/public/triggers/esql_controls/control_flyout/index.tsx

@@ -69,6 +69,7 @@ export function ESQLControlsFlyout({
         onCreateControl={onCreateControl}
         onEditControl={onEditControl}
         search={search}
+        cursorPosition={cursorPosition}
       />
     );
   } else if (

src/platform/plugins/shared/esql/public/triggers/esql_controls/control_flyout/value_control_form.tsx

@@ -24,6 +24,7 @@ import { FormattedMessage } from '@kbn/i18n-react';
 import type { ISearchGeneric } from '@kbn/search-types';
 import { ESQLVariableType } from '@kbn/esql-types';
 import { ESQLControlVariable } from '@kbn/esql-types';
+import { monaco } from '@kbn/monaco';
 import {
   getIndexPatternFromESQLQuery,
   getESQLResults,
@@ -60,6 +61,7 @@ interface ValueControlFormProps {
   onEditControl: (state: ESQLControlState) => void;
   onCancelControl?: () => void;
   initialState?: ESQLControlState;
+  cursorPosition?: monaco.Position;
 }
 
 const SUGGESTED_INTERVAL_VALUES = ['5 minutes', '1 hour', '1 day', '1 week', '1 month'];
@@ -74,14 +76,15 @@ export function ValueControlForm({
   closeFlyout,
   onCreateControl,
   onEditControl,
+  cursorPosition,
 }: ValueControlFormProps) {
   const isMounted = useMountedState();
   const valuesField = useMemo(() => {
     if (variableType === ESQLVariableType.VALUES) {
-      return getValuesFromQueryField(queryString);
+      return getValuesFromQueryField(queryString, cursorPosition);
     }
     return null;
-  }, [variableType, queryString]);
+  }, [variableType, queryString, cursorPosition]);
   const suggestedVariableName = useMemo(() => {
     const existingVariables = new Set(
       esqlVariables