[ES|QL] Small changes in history (#233504)

## Summary

Small changes on the recent history component changes

1. Removes the KB info as it doesnt mean anything to the user
2. Removes the helptext on small screens

<img width="564" height="628" alt="image"
src="https://github.com/user-attachments/assets/86fba59a-aed3-4cbd-9fbf-dcacb14f9b01"
/>



### 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

Author: stratoula

src/platform/packages/private/kbn-esql-editor/src/editor_footer/history_starred_queries.test.tsx

@@ -279,10 +279,28 @@ describe('Starred and History queries components', () => {
       );
       expect(screen.getByTestId('ESQLEditor-queryHistory')).toBeInTheDocument();
       expect(screen.getByTestId('ESQLEditor-history-starred-queries-helpText')).toHaveTextContent(
-        'Showing 3 queries (1KB used)'
+        'Showing 3 queries'
       );
     });
 
+    it('should not render the history queries help text for small sized', () => {
+      render(
+        <KibanaContextProvider services={services}>
+          <HistoryAndStarredQueriesTabs
+            containerCSS={{}}
+            containerWidth={1024}
+            isSpaceReduced={true}
+            onUpdateAndSubmit={jest.fn()}
+            height={200}
+          />
+        </KibanaContextProvider>
+      );
+      expect(screen.getByTestId('ESQLEditor-queryHistory')).toBeInTheDocument();
+      expect(
+        screen.queryByTestId('ESQLEditor-history-starred-queries-helpText')
+      ).not.toBeInTheDocument();
+    });
+
     it('should render the starred queries if the corresponding btn is clicked', () => {
       render(
         <KibanaContextProvider services={services}>
@@ -446,15 +464,15 @@ describe('Starred and History queries components', () => {
 
       // Initially shows total count
       expect(screen.getByTestId('ESQLEditor-history-starred-queries-helpText')).toHaveTextContent(
-        'Showing 3 queries (1KB used)'
+        'Showing 3 queries'
       );
 
       // Filter to show only 1 result
       fireEvent.change(searchInput, { target: { value: 'logs' } });
 
       await waitFor(() => {
         expect(screen.getByTestId('ESQLEditor-history-starred-queries-helpText')).toHaveTextContent(
-          'Showing 1 queries (1KB used)'
+          'Showing 1 queries'
         );
       });
     });

src/platform/packages/private/kbn-esql-editor/src/editor_footer/history_starred_queries.tsx

@@ -465,12 +465,14 @@ export function QueryColumn({
 export function HistoryAndStarredQueriesTabs({
   containerCSS,
   containerWidth,
+  isSpaceReduced,
   onUpdateAndSubmit,
   height,
 }: {
   containerCSS: Interpolation<Theme>;
   containerWidth: number;
   onUpdateAndSubmit: (qs: string) => void;
+  isSpaceReduced?: boolean;
   height: number;
 }) {
   const kibana = useKibana<ESQLEditorDeps>();
@@ -650,41 +652,42 @@ export function HistoryAndStarredQueriesTabs({
         </EuiTabs>
         <EuiFlexItem grow={false}>
           <EuiFlexGroup responsive={false} alignItems="center" gutterSize="s">
-            <EuiText
-              size="xs"
-              color="subdued"
-              data-test-subj="ESQLEditor-history-starred-queries-helpText"
-            >
-              <p>
-                {selectedTabId === 'history-queries-tab'
-                  ? (() => {
-                      const stats = getStorageStats();
-                      const displayCount = searchQuery.trim()
-                        ? filteredHistoryItems.length
-                        : stats.queryCount;
-                      return i18n.translate('esqlEditor.history.historyItemsStorage', {
-                        defaultMessage: 'Showing {queryCount} queries ({storageSizeKB}KB used)',
-                        values: {
-                          queryCount: displayCount,
-                          storageSizeKB: stats.storageSizeKB,
-                        },
-                      });
-                    })()
-                  : (() => {
-                      const displayCount = starredSearchQuery.trim()
-                        ? filteredStarredQueries.length
-                        : starredQueries.length;
-                      return i18n.translate('esqlEditor.history.starredItemslimit', {
-                        defaultMessage:
-                          'Showing {starredItemsCount} queries (max {starredItemsLimit})',
-                        values: {
-                          starredItemsLimit: ESQL_STARRED_QUERIES_LIMIT,
-                          starredItemsCount: displayCount ?? 0,
-                        },
-                      });
-                    })()}
-              </p>
-            </EuiText>
+            {!isSpaceReduced && (
+              <EuiText
+                size="xs"
+                color="subdued"
+                data-test-subj="ESQLEditor-history-starred-queries-helpText"
+              >
+                <p>
+                  {selectedTabId === 'history-queries-tab'
+                    ? (() => {
+                        const stats = getStorageStats();
+                        const displayCount = searchQuery.trim()
+                          ? filteredHistoryItems.length
+                          : stats.queryCount;
+                        return i18n.translate('esqlEditor.history.historyItemsStorage', {
+                          defaultMessage: 'Showing {queryCount} queries',
+                          values: {
+                            queryCount: displayCount,
+                          },
+                        });
+                      })()
+                    : (() => {
+                        const displayCount = starredSearchQuery.trim()
+                          ? filteredStarredQueries.length
+                          : starredQueries.length;
+                        return i18n.translate('esqlEditor.history.starredItemslimit', {
+                          defaultMessage:
+                            'Showing {starredItemsCount} queries (max {starredItemsLimit})',
+                          values: {
+                            starredItemsLimit: ESQL_STARRED_QUERIES_LIMIT,
+                            starredItemsCount: displayCount ?? 0,
+                          },
+                        });
+                      })()}
+                </p>
+              </EuiText>
+            )}
             {selectedTabId === 'history-queries-tab' && (
               <EuiFlexItem grow={false}>
                 <EuiFieldSearch
@@ -696,7 +699,8 @@ export function HistoryAndStarredQueriesTabs({
                   onChange={(e) => setSearchQuery(e.target.value)}
                   data-test-subj="ESQLEditor-history-search"
                   css={css`
-                    width: 400px;
+                    max-width: 400px;
+                    width: ${isSpaceReduced ? '100%' : '400px'};
                   `}
                 />
               </EuiFlexItem>

src/platform/packages/private/kbn-esql-editor/src/editor_footer/index.tsx

@@ -336,6 +336,7 @@ export const EditorFooter = memo(function EditorFooter({
             onUpdateAndSubmit={onUpdateAndSubmit}
             containerWidth={measuredContainerWidth}
             height={resizableContainerHeight}
+            isSpaceReduced={isSpaceReduced}
           />
         </EuiFlexItem>
       )}