Fix pr #5783: feat(frontend): enhance GitHub repo picker with search …

…and sorting

frontend/src/api/github.ts

@@ -106,8 +106,8 @@ export const retrieveGitHubUser = async () => {
 
 export const searchPublicRepositories = async (
   query: string,
-  per_page = 1,
-  sort: "" | "updated" | "stars" | "forks" = "",
+  per_page = 5,
+  sort: "" | "updated" | "stars" | "forks" = "stars",
   order: "desc" | "asc" = "desc",
 ): Promise<GitHubRepository[]> => {
   if (!query.trim()) {

frontend/src/components/features/github/github-repo-selector.tsx

@@ -18,26 +18,28 @@ export function GitHubRepositorySelector({
   const { data: config } = useConfig();
   const [selectedKey, setSelectedKey] = React.useState<string | null>(null);
   const [searchQuery, setSearchQuery] = React.useState<string>("");
-  const [searchedRepo, setSearchedRepo] =
-    React.useState<GitHubRepository | null>(null);
+  const [searchedRepos, setSearchedRepos] = 
+    React.useState<GitHubRepository[]>([]);
 
   React.useEffect(() => {
     const searchPublicRepo = async () => {
       const repos = await searchPublicRepositories(searchQuery);
-      setSearchedRepo(repos.length > 0 ? repos[0] : null);
+      setSearchedRepos(repos);
     };
 
     const debounceTimeout = setTimeout(searchPublicRepo, 300);
     return () => clearTimeout(debounceTimeout);
   }, [searchQuery]);
 
   const finalRepositories = repositories.map((i) => i);
-  if (searchedRepo && !repositories.find((r) => r.id === searchedRepo.id)) {
-    finalRepositories.unshift({
-      ...searchedRepo,
-      fromPublicRepoSearch: true,
-    });
-  }
+  searchedRepos.forEach(repo => {
+    if (!repositories.find((r) => r.id === repo.id)) {
+      finalRepositories.unshift({
+        ...repo,
+        fromPublicRepoSearch: true,
+      });
+    }
+  });
 
   const dispatch = useDispatch();