feat(onboarding): Pre-populate repo selector with full repo list

Load the complete list of accessible repositories on mount so users
can browse and select without typing first. Search still narrows
results server-side when the user types.

Previously the dropdown was empty until a search query was entered,
requiring users to know what to search for.

Refs VDY-46

Author: jaydgoss

static/app/views/onboarding/components/scmRepoSelector.tsx

@@ -9,6 +9,7 @@ import {trackAnalytics} from 'sentry/utils/analytics';
 import {useOrganization} from 'sentry/utils/useOrganization';
 
 import {ScmSearchControl} from './scmSearchControl';
+import {ScmVirtualizedMenuList} from './scmVirtualizedMenuList';
 import {useScmRepoSearch} from './useScmRepoSearch';
 import {useScmRepoSelection} from './useScmRepoSelection';
 
@@ -20,14 +21,8 @@ export function ScmRepoSelector({integration}: ScmRepoSelectorProps) {
   const organization = useOrganization();
   const {selectedRepository, setSelectedRepository, clearDerivedState} =
     useOnboardingContext();
-  const {
-    reposByIdentifier,
-    dropdownItems,
-    isFetching,
-    isError,
-    debouncedSearch,
-    setSearch,
-  } = useScmRepoSearch(integration.id, selectedRepository);
+  const {reposByIdentifier, dropdownItems, isFetching, isError, setSearch} =
+    useScmRepoSearch(integration.id, selectedRepository);
 
   const {busy, handleSelect, handleRemove} = useScmRepoSelection({
     integration,
@@ -75,14 +70,11 @@ export function ScmRepoSelector({integration}: ScmRepoSelectorProps) {
 
   function noOptionsMessage() {
     if (isError) {
-      return t('Failed to search repositories. Please try again.');
-    }
-    if (debouncedSearch) {
-      return t(
-        'No repositories found. Check your installation permissions to ensure your integration has access.'
-      );
+      return t('Failed to load repositories. Please try again.');
     }
-    return t('Type to search repositories');
+    return t(
+      'No repositories found. Check your installation permissions to ensure your integration has access.'
+    );
   }
 
   return (
@@ -103,7 +95,7 @@ export function ScmRepoSelector({integration}: ScmRepoSelectorProps) {
       isDisabled={busy}
       clearable
       searchable
-      components={{Control: ScmSearchControl}}
+      components={{Control: ScmSearchControl, MenuList: ScmVirtualizedMenuList}}
     />
   );
 }

static/app/views/onboarding/components/useScmRepoSearch.ts

@@ -26,15 +26,20 @@ export function useScmRepoSearch(integrationId: string, selectedRepo?: Repositor
           },
         }
       ),
-      {method: 'GET', query: {search: debouncedSearch, accessibleOnly: true}},
+      {
+        method: 'GET',
+        query: {
+          ...(debouncedSearch ? {search: debouncedSearch} : {}),
+          accessibleOnly: true,
+        },
+      },
     ] as const,
     queryFn: async context => {
       return fetchDataQuery<ScmRepoSearchResult>(context);
     },
     retry: 0,
     staleTime: 20_000,
-    placeholderData: previousData => (debouncedSearch ? previousData : undefined),
-    enabled: !!debouncedSearch,
+    placeholderData: previousData => previousData,
   });
 
   const selectedRepoSlug = selectedRepo?.externalSlug;
@@ -71,7 +76,6 @@ export function useScmRepoSearch(integrationId: string, selectedRepo?: Repositor
     dropdownItems,
     isFetching: searchQuery.isFetching,
     isError: searchQuery.isError,
-    debouncedSearch,
     setSearch,
   };
 }