Merge branch 'main' into refactor-renderer-init

Author: mcasimir

THIRD-PARTY-NOTICES.md

@@ -1,5 +1,5 @@
 The following third-party software is used by and included in **Mongodb Compass**.
-This document was automatically generated on Mon May 12 2025.
+This document was automatically generated on Thu May 15 2025.
 
 ## List of dependencies
 

docs/tracking-plan.md

@@ -6,7 +6,7 @@
 > the tracking plan for the specific Compass version you can use the following
 > URL: `https://github.com/mongodb-js/compass/blob/<compass version>/docs/tracking-plan.md`
 
-Generated on Mon, May 12, 2025
+Generated on Thu, May 15, 2025
 
 ## Table of Contents
 

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-ai.tsx

@@ -118,7 +118,7 @@ export const PipelineAI: React.FunctionComponent<PipelineAIProps> = ({
       onResetIsAggregationGeneratedFromQuery={
         onResetIsAggregationGeneratedFromQuery
       }
-      placeholder="Tell Compass what aggregation to build (e.g. how many movies were made each year)"
+      placeholder="Tell us what aggregation to build (e.g. count movies made each year) or paste one in another language (SQL, Java, etc.)"
       onSubmitFeedback={enableTelemetry ? onSubmitFeedback : undefined}
     />
   );

packages/compass-connections/src/utils/end-of-life-server.ts

@@ -16,7 +16,7 @@ let latestEndOfLifeServerVersion: Promise<string> | null = null;
 export async function getLatestEndOfLifeServerVersion(): Promise<string> {
   if (!HADRON_AUTO_UPDATE_ENDPOINT) {
     log.debug(
-      mongoLogId(1_001_000_352),
+      mongoLogId(1_001_000_356),
       'getLatestEndOfLifeServerVersion',
       'HADRON_AUTO_UPDATE_ENDPOINT is not set'
     );

packages/compass-generative-ai/src/components/generative-ai-input.tsx

@@ -326,7 +326,7 @@ function GenerativeAIInput({
   errorMessage,
   errorCode,
   isFetching,
-  placeholder = 'Tell Compass what documents to find (e.g. which movies were released in 2000)',
+  placeholder = 'Tell us what to find (e.g. movies from 2000) or paste a query in another language (SQL, Java, etc.)',
   show,
   onCancelRequest,
   onClose,

packages/compass-indexes/src/components/indexes-toolbar/indexes-toolbar.tsx

@@ -37,6 +37,11 @@ const toolbarButtonsContainer = css({
   alignItems: 'center',
 });
 
+const indexesToolbarContainerStyles = css({
+  padding: spacing[400],
+  paddingBottom: 0,
+});
+
 const alignSelfEndStyles = css({
   marginLeft: 'auto',
 });
@@ -98,7 +103,10 @@ export const IndexesToolbar: React.FunctionComponent<IndexesToolbarProps> = ({
   );
 
   return (
-    <div data-testid="indexes-toolbar-container">
+    <div
+      className={indexesToolbarContainerStyles}
+      data-testid="indexes-toolbar-container"
+    >
       {!isReadonlyView && (
         <div data-testid="indexes-toolbar">
           <div className={toolbarButtonsContainer}>

packages/compass-indexes/src/components/indexes/indexes.tsx

@@ -35,11 +35,6 @@ import CreateIndexModal from '../create-index-modal/create-index-modal';
 const IDEAL_NUMBER_OF_MAX_INDEXES = 10;
 
 const containerStyles = css({
-  paddingTop: spacing[400],
-  paddingLeft: spacing[400],
-  paddingRight: spacing[400],
-  // No padding bottom so that the table can scroll visibly to the bottom
-  paddingBottom: 0,
   gap: spacing[400],
   display: 'flex',
   flexDirection: 'column',
@@ -106,7 +101,9 @@ function isRefreshingStatus(status: FetchStatus) {
 }
 
 const indexesContainersStyles = css({
-  paddingTop: spacing[400],
+  padding: spacing[400],
+  // No padding bottom so that the table can scroll visibly to the bottom.
+  paddingBottom: 0,
   display: 'grid',
   gridTemplateColumns: '100%',
   gap: spacing[200],

packages/compass-preferences-model/src/feature-flags.ts

@@ -19,7 +19,6 @@ export type FeatureFlags = {
   showInsights: boolean;
   enableExportSchema: boolean;
   enableRenameCollectionModal: boolean;
-  enableQueryHistoryAutocomplete: boolean;
   enableProxySupport: boolean;
   enableRollingIndexes: boolean;
   showDisabledConnections: boolean;
@@ -70,17 +69,6 @@ export const featureFlags: Required<{
     },
   },
 
-  /**
-   * Feature flag for adding query history items to the query bar autocompletion. COMPASS-8096
-   */
-  enableQueryHistoryAutocomplete: {
-    stage: 'released',
-    description: {
-      short:
-        'Enables showing query history items in the query bar autocomplete.',
-    },
-  },
-
   /**
    * Feature flag for explicit proxy configuration support.
    */

packages/compass-query-bar/src/components/option-editor.tsx

@@ -15,7 +15,6 @@ import type {
 } from '@mongodb-js/compass-editor';
 import {
   CodemirrorInlineEditor as InlineEditor,
-  createQueryAutocompleter,
   createQueryWithHistoryAutocompleter,
 } from '@mongodb-js/compass-editor';
 import { connect } from '../stores/context';
@@ -119,9 +118,6 @@ export const OptionEditor: React.FunctionComponent<OptionEditorProps> = ({
 }) => {
   const editorContainerRef = useRef<HTMLDivElement>(null);
   const editorRef = useRef<EditorRef>(null);
-  const isQueryHistoryAutocompleteEnabled = usePreference(
-    'enableQueryHistoryAutocomplete'
-  );
 
   const focusRingProps = useFocusRing({
     outer: true,
@@ -158,52 +154,45 @@ export const OptionEditor: React.FunctionComponent<OptionEditorProps> = ({
   }, [optionName, recentQueries, favoriteQueries]);
 
   const completer = useMemo(() => {
-    return isQueryHistoryAutocompleteEnabled
-      ? createQueryWithHistoryAutocompleter({
-          queryProperty: optionName,
-          savedQueries,
-          options: {
-            fields: schemaFields,
-            serverVersion,
-          },
-          onApply: (query: SavedQuery['queryProperties']) => {
-            // When we are applying a query from `filter` field, we want to apply the whole query,
-            // otherwise we want to preserve the other fields that are already in the current query.
-            const fieldsToPreserve =
-              optionName === 'filter'
-                ? []
-                : QUERY_PROPERTIES.filter((x) => x !== optionName);
-            onApplyQuery(query, fieldsToPreserve);
-            if (!query[optionName]) {
-              return;
-            }
-            const formFields = mapQueryToFormFields(
-              { maxTimeMS: maxTimeMSPreference },
-              {
-                ...DEFAULT_FIELD_VALUES,
-                ...query,
-              }
-            );
-            const optionFormField =
-              formFields[optionName as keyof QueryFormFields];
-            if (optionFormField?.string) {
-              // When we did apply something we want to move the cursor to the end of the input.
-              editorRef.current?.cursorDocEnd();
-            }
-          },
-          theme: darkMode ? 'dark' : 'light',
-        })
-      : createQueryAutocompleter({
-          fields: schemaFields,
-          serverVersion,
-        });
+    return createQueryWithHistoryAutocompleter({
+      queryProperty: optionName,
+      savedQueries,
+      options: {
+        fields: schemaFields,
+        serverVersion,
+      },
+      onApply: (query: SavedQuery['queryProperties']) => {
+        // When we are applying a query from `filter` field, we want to apply the whole query,
+        // otherwise we want to preserve the other fields that are already in the current query.
+        const fieldsToPreserve =
+          optionName === 'filter'
+            ? []
+            : QUERY_PROPERTIES.filter((x) => x !== optionName);
+        onApplyQuery(query, fieldsToPreserve);
+        if (!query[optionName]) {
+          return;
+        }
+        const formFields = mapQueryToFormFields(
+          { maxTimeMS: maxTimeMSPreference },
+          {
+            ...DEFAULT_FIELD_VALUES,
+            ...query,
+          }
+        );
+        const optionFormField = formFields[optionName as keyof QueryFormFields];
+        if (optionFormField?.string) {
+          // When we did apply something we want to move the cursor to the end of the input.
+          editorRef.current?.cursorDocEnd();
+        }
+      },
+      theme: darkMode ? 'dark' : 'light',
+    });
   }, [
     maxTimeMSPreference,
     savedQueries,
     schemaFields,
     serverVersion,
     onApplyQuery,
-    isQueryHistoryAutocompleteEnabled,
     darkMode,
     optionName,
   ]);
@@ -216,8 +205,7 @@ export const OptionEditor: React.FunctionComponent<OptionEditorProps> = ({
           editorRef.current?.editorContents === '{}'
         ) {
           editorRef.current?.applySnippet('\\{${}}');
-          if (isQueryHistoryAutocompleteEnabled && editorRef.current?.editor)
-            editorRef.current?.startCompletion();
+          if (editorRef.current?.editor) editorRef.current?.startCompletion();
         }
       });
     }