feat(web): add repo browsing without requiring a search first

h30s · h30s · commit 3a677474603b · 2026-04-09T01:13:48.000+05:30
diff --git a/packages/web/src/app/(app)/browse/layoutClient.tsx b/packages/web/src/app/(app)/browse/layoutClient.tsx
@@ -11,6 +11,9 @@ import { FileSearchCommandDialog } from "./components/fileSearchCommandDialog";
 import { SearchBar } from "../components/searchBar";
 import escapeStringRegexp from "escape-string-regexp";
 import { Session } from "next-auth";
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { BookMarkedIcon } from "lucide-react";
 
 interface LayoutProps {
     children: React.ReactNode;
@@ -29,6 +32,14 @@ export function LayoutClient({
             <div className="flex flex-col h-screen">
                 <TopBar
                     session={session}
+                    actions={
+                        <Button variant="outline" size="sm" asChild>
+                            <Link href="/repos" className="gap-1.5">
+                                <BookMarkedIcon className="h-3.5 w-3.5" />
+                                Repositories
+                            </Link>
+                        </Button>
+                    }
                 >
                     <SearchBar
                         size="sm"
diff --git a/packages/web/src/app/(app)/components/navigationMenu/navigationItems.tsx b/packages/web/src/app/(app)/components/navigationMenu/navigationItems.tsx
@@ -26,6 +26,9 @@ export const NavigationItems = ({
         if (href === '/') {
             return pathname === '/';
         }
+        if (href === '/repos') {
+            return pathname.startsWith('/repos') || pathname.startsWith('/browse');
+        }
         return pathname.startsWith(href);
     };
 
diff --git a/packages/web/src/app/(app)/repos/page.tsx b/packages/web/src/app/(app)/repos/page.tsx
@@ -55,7 +55,9 @@ export default async function ReposPage(props: ReposPageProps) {
         <>
             <div className="mb-6">
                 <h1 className="text-3xl font-semibold">Repositories</h1>
-                <p className="text-muted-foreground mt-2">View and manage your code repositories and their indexing status.</p>
+                <p className="text-muted-foreground mt-2">
+                    View and manage your code repositories and their indexing status. Select a repository name to open it in the file explorer.
+                </p>
             </div>
             <ReposTable
                 data={repos.map((repo) => ({
diff --git a/packages/web/src/app/(app)/search/components/searchLandingPage.tsx b/packages/web/src/app/(app)/search/components/searchLandingPage.tsx
@@ -4,6 +4,8 @@ import { RepositoryCarousel } from "../../components/repositoryCarousel"
 import { Separator } from "@/components/ui/separator"
 import { SyntaxReferenceGuideHint } from "../../components/syntaxReferenceGuideHint"
 import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { FolderTreeIcon } from "lucide-react"
 import { SearchBar } from "../../components/searchBar"
 import { SearchModeSelector } from "../../components/searchModeSelector"
 import { getRepos, getReposStats } from "@/actions"
@@ -56,6 +58,18 @@ export const SearchLandingPage = async ({
                     </div>
                 </div>
 
+                <div className="mt-5 flex flex-col items-center gap-1">
+                    <Button variant="outline" asChild>
+                        <Link href="/repos" className="gap-2">
+                            <FolderTreeIcon className="h-4 w-4" />
+                            Browse repositories
+                        </Link>
+                    </Button>
+                    <span className="text-xs text-muted-foreground text-center max-w-sm">
+                        Open the file explorer and pick a repo without running a search first.
+                    </span>
+                </div>
+
                 <div className="mt-8">
                     <RepositoryCarousel
                         numberOfReposWithIndex={repoStats.numberOfReposWithIndex}

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,9 @@ export const NavigationItems = ({`
`26`	`26`	`if (href === '/') {`
`27`	`27`	`return pathname === '/';`
`28`	`28`	`}`
	`29`	`+ if (href === '/repos') {`
	`30`	`+ return pathname.startsWith('/repos') \|\| pathname.startsWith('/browse');`
	`31`	`+ }`
`29`	`32`	`return pathname.startsWith(href);`
`30`	`33`	`};`
`31`	`34`