[Controls Anywhere] Add titlesManager to ESQL control (#234974)

## Summary

> [!WARNING]
> **_This work is being merged into a feature branch, not main!_**
> Because of this, we only need a review from
@elastic/kibana-presentation for now.
>
> Type failures are expected because the feature branch is currently in
an incomplete state, where the controls that have not yet been converted
are dependent on things that no longer exist.


Adds a `titlesManager` to ES|QL controls. This allows the panel title to
update on edit. Previously it required a page reload to correctly
update.

To test:

- Change the optional `Label` of an ES|QL control and ensure it updates
on save
- Remove the optional `Label` and ensure the panel title switches to the
variable name on save

---------

Co-authored-by: kibanamachine <[email protected]>

Author: Zacqary

src/platform/packages/shared/kbn-esql-types/src/variables_types.ts

@@ -46,8 +46,6 @@ export interface PublishesESQLVariable {
 export type ControlWidthOptions = 'small' | 'medium' | 'large';
 
 export interface ESQLControlState {
-  grow?: boolean;
-  width?: ControlWidthOptions;
   title: string;
   selectedOptions: string[];
   variableName: string;

src/platform/plugins/shared/controls/public/control_group/control_group_renderer/control_group_renderer.tsx

@@ -8,7 +8,7 @@
  */
 
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { BehaviorSubject, Subject, map } from 'rxjs';
+import { BehaviorSubject, Subject } from 'rxjs';
 import { v4 as uuidv4 } from 'uuid';
 import { cloneDeep } from 'lodash';
 

src/platform/plugins/shared/controls/public/controls/esql_control/get_esql_control_factory.tsx

@@ -17,7 +17,11 @@ import type { ESQLControlState } from '@kbn/esql-types';
 import { apiPublishesESQLVariables } from '@kbn/esql-types';
 import { i18n } from '@kbn/i18n';
 import { initializeUnsavedChanges } from '@kbn/presentation-containers';
-import { initializeStateManager } from '@kbn/presentation-publishing';
+import {
+  initializeStateManager,
+  initializeTitleManager,
+  titleComparators,
+} from '@kbn/presentation-publishing';
 import type { OptionsListSelection } from '@kbn/controls-schemas';
 
 import { uiActionsService } from '../../services/kibana_services';
@@ -38,6 +42,7 @@ export const getESQLControlFactory = (): EmbeddableFactory<ESQLControlState, ESQ
     buildEmbeddable: async ({ initialState, finalizeApi, uuid, parentApi }) => {
       const state = initialState.rawState;
       const defaultControlManager = initializeDefaultControlManager();
+      const titlesManager = initializeTitleManager(state);
 
       // TODO Rename this; this is actually the state manager for all non-default control state params, "selections" is a confusing name
       const selections = initializeESQLControlSelections(
@@ -63,14 +68,17 @@ export const getESQLControlFactory = (): EmbeddableFactory<ESQLControlState, ESQ
         getComparators: () => {
           return {
             ...selectionComparators,
+            ...titleComparators,
           };
         },
         onReset: (lastSaved) => {
           selections.reinitializeState(lastSaved?.rawState);
+          titlesManager.reinitializeState(lastSaved?.rawState);
         },
       });
 
       const api = finalizeApi({
+        ...titlesManager.api,
         ...unsavedChangesApi,
         ...defaultControlManager.api,
         ...selections.api,
@@ -79,13 +87,15 @@ export const getESQLControlFactory = (): EmbeddableFactory<ESQLControlState, ESQ
         getTypeDisplayName: () => displayName,
         onEdit: async () => {
           const nextState = {
+            ...titlesManager.getLatestState(),
             ...selections.getLatestState(),
           };
           const variablesInParent = apiPublishesESQLVariables(api.parentApi)
             ? api.parentApi.esqlVariables$.value
             : [];
           const onSaveControl = async (updatedState: ESQLControlState) => {
             selections.reinitializeState(updatedState);
+            titlesManager.reinitializeState(updatedState);
           };
           try {
             await uiActionsService.getTrigger('ESQL_CONTROL_TRIGGER').exec({