DOCSP-42077 Query History Autocomplete (#663)

* DOCSP-24077 Query History Autocomplete

* *

* *

* typo

* BB edits

Author: ajhuh-mdb

source/images/compass/query-autocomplete.png

@@ -7,8 +7,16 @@ View Recent Queries
 
 .. default-domain:: mongodb
 
-You can view up to 20 of the most recent queries for that collection.
-Click a query in the list to populate the query bar with that query.
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 1
+   :class: singlecol
+
+You can view up to 20 of the most recent queries for a collection in the 
+recent queries menu. To open the recent queries menu, click the :icon-lg:`Clock`
+icon in the query bar. Click a query in the list to populate the query bar with 
+that query.
 
 .. figure:: /images/compass/query-history-select.png
    :figwidth: 500px
@@ -33,6 +41,26 @@ You can also hover over a query and perform the following actions:
    * - :icon-fa5:`trash-alt`
      - Remove the query from the :guilabel:`Recent` list.
 
+
+Query Autocomplete Menu 
+-----------------------
+
+If the query bar is empty, you can click the filter bar to open the 
+query autocomplete menu and view up to 50 of your most recent queries. To scroll 
+through your most recent queries, you can use the :kbd:`↑` and :kbd:`↓` arrow 
+keys. If a query is highlighted on the menu, it displays a pop-up panel that 
+shows the filter, project, and sort stages of the query. To select a query from 
+the autocomplete menu, press :kbd:`Enter`, press :kbd:`Tab`, or click the query. 
+
+If you start typing into the filter bar, the autocomplete menu filters results 
+to only display recent queries that include the specified string. If you start 
+typing into the other option fields, such as :guilabel:`Project` or 
+:guilabel:`Sort`, the autocomplete menu only displays recent queries that 
+include those fields.
+
+.. figure:: /images/compass/query-autocomplete.png
+   :alt: Compass query autocomplete menu
+
 .. seealso::
 
    To learn how to write queries to filter your data, see