CON-232 bring custom docs to top, alphabetize doc results, make scrol… (

#1239)

* CON-232 bring custom docs to top, alphabetize doc results, make scrollable

* CON-232 cleanup

---------

Co-authored-by: Justin Milner <jmilner@jmilner-lt2.deka.local>

core/context/providers/DocsContextProvider.ts

@@ -24,7 +24,6 @@ class DocsContextProvider extends BaseContextProvider {
     extras: ContextProviderExtras,
   ): Promise<ContextItem[]> {
     const { retrieveDocs } = await import("../../indexing/docs/db");
-
     const embeddingsProvider = new TransformersJsEmbeddingsProvider();
     const [vector] = await embeddingsProvider.embed([extras.fullInput]);
 
@@ -102,6 +101,23 @@ class DocsContextProvider extends BaseContextProvider {
           id: config.startUrl,
         })),
     );
+
+    // Sort submenuItems such that the objects with titles which don't occur in configs occur first, and alphabetized
+    submenuItems.sort((a, b) => {
+      const aTitleInConfigs = !!configs.find(config => config.title === a.title);
+      const bTitleInConfigs = !!configs.find(config => config.title === b.title);
+
+      // Primary criterion: Items not in configs come first
+      if (!aTitleInConfigs && bTitleInConfigs) {
+        return -1;
+      } else if (aTitleInConfigs && !bTitleInConfigs) {
+        return 1;
+      } else {
+        // Secondary criterion: Alphabetical order when both items are in the same category
+        return a.title.localeCompare(b.title);
+      }
+    });
+
     return submenuItems;
   }
 }

gui/src/components/mainInput/MentionList.tsx

@@ -108,6 +108,8 @@ const ItemsDiv = styled.div`
     0px 10px 20px rgba(0, 0, 0, 0.1);
   font-size: 0.9rem;
   overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 330px;
   padding: 0.2rem;
   position: relative;
 

gui/src/hooks/useSubmenuContextProviders.tsx

@@ -13,7 +13,7 @@ const MINISEARCH_OPTIONS = {
   fuzzy: 2,
 };
 
-const MAX_LENGTH = 10;
+const MAX_LENGTH = 70;
 
 function useSubmenuContextProviders() {
   // TODO: Refresh periodically