@@ -181,7 +183,8 @@ export default function PRDetailLoading() {
className={`h-3 rounded ${
line.type === "add"
? "bg-green-500/10"
- : line.type === "del"
+ : line.type ===
+ "del"
? "bg-red-500/10"
: "bg-muted/15"
}`}
diff --git a/apps/web/src/app/api/org-repos/route.ts b/apps/web/src/app/api/org-repos/route.ts
new file mode 100644
index 0000000..b1d8fa4
--- /dev/null
+++ b/apps/web/src/app/api/org-repos/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getOrgRepos } from "@/lib/github";
+
+interface SlimRepo {
+ name: string;
+ full_name: string;
+ description: string | null;
+ stargazers_count: number;
+ private: boolean;
+}
+
+export async function GET(request: NextRequest) {
+ const org = request.nextUrl.searchParams.get("org");
+ if (!org) {
+ return NextResponse.json({ error: "Missing org parameter" }, { status: 400 });
+ }
+
+ const repos = await getOrgRepos(org, { perPage: 100, sort: "pushed" });
+ const repoList = Array.isArray(repos) ? repos : [];
+ const slim: SlimRepo[] = repoList.map((r) => ({
+ name: r.name,
+ full_name: r.full_name,
+ description: r.description ?? null,
+ stargazers_count: r.stargazers_count ?? 0,
+ private: r.private ?? false,
+ }));
+ return NextResponse.json({ repos: slim });
+}
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index f83e938..5eced1c 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -66,10 +66,7 @@ export default async function HomePage() {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
-
+
-
+
diff --git a/apps/web/src/components/command-menu.tsx b/apps/web/src/components/command-menu.tsx
index 2ae9b35..ac21edc 100644
--- a/apps/web/src/components/command-menu.tsx
+++ b/apps/web/src/components/command-menu.tsx
@@ -465,11 +465,11 @@ export function CommandMenu() {
setOpen(true);
}
if (e.key === "t" && !e.metaKey && !e.ctrlKey && !e.altKey) {
- const target = e.target as HTMLElement;
+ const active = document.activeElement as HTMLElement | null;
if (
- target.tagName === "INPUT" ||
- target.tagName === "TEXTAREA" ||
- target.isContentEditable
+ active?.tagName === "INPUT" ||
+ active?.tagName === "TEXTAREA" ||
+ active?.isContentEditable
)
return;
if (!matchRepoFromPathname(window.location.pathname)) return;
diff --git a/apps/web/src/components/repo/repo-breadcrumb.tsx b/apps/web/src/components/repo/repo-breadcrumb.tsx
new file mode 100644
index 0000000..569e24b
--- /dev/null
+++ b/apps/web/src/components/repo/repo-breadcrumb.tsx
@@ -0,0 +1,207 @@
+"use client";
+
+import { useState, useCallback, useMemo, useRef } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { ChevronDown, Lock, Star, Loader2, Search } from "lucide-react";
+import {
+ DropdownMenu,
+ DropdownMenuTrigger,
+ DropdownMenuContent,
+ DropdownMenuItem,
+} from "@/components/ui/dropdown-menu";
+import { formatNumber } from "@/lib/utils";
+
+interface OrgRepo {
+ name: string;
+ full_name: string;
+ description: string | null;
+ stargazers_count: number;
+ private: boolean;
+}
+
+interface RepoBreadcrumbProps {
+ owner: string;
+ repoName: string;
+ ownerType: string;
+}
+
+export function RepoBreadcrumb({ owner, repoName, ownerType }: RepoBreadcrumbProps) {
+ const router = useRouter();
+ const [repos, setRepos] = useState
(null);
+ const [isLoading, setIsLoading] = useState(false);
+ const [hasError, setHasError] = useState(false);
+ const [filter, setFilter] = useState("");
+ const fetchedRef = useRef(false);
+ const inputRef = useRef(null);
+
+ const isOrg = ownerType === "Organization";
+
+ const fetchOrgRepos = useCallback(async () => {
+ if (fetchedRef.current) return;
+ fetchedRef.current = true;
+
+ setIsLoading(true);
+ setHasError(false);
+ try {
+ const response = await fetch(
+ `/api/org-repos?org=${encodeURIComponent(owner)}`,
+ );
+ if (!response.ok) throw new Error("Failed to fetch repos");
+ const data = await response.json();
+ setRepos(data.repos);
+ } catch {
+ setHasError(true);
+ fetchedRef.current = false;
+ } finally {
+ setIsLoading(false);
+ }
+ }, [owner]);
+
+ const filteredRepos = useMemo(() => {
+ if (!repos) return null;
+ if (!filter.trim()) return repos;
+ const query = filter.toLowerCase();
+ return repos.filter((repo) => repo.name.toLowerCase().includes(query));
+ }, [repos, filter]);
+
+ const handleRepoSelect = (selectedRepo: OrgRepo) => {
+ if (selectedRepo.name !== repoName) {
+ router.push(`/${owner}/${selectedRepo.name}`);
+ }
+ };
+
+ const handleOpenChange = (open: boolean) => {
+ if (open) {
+ fetchOrgRepos();
+ } else {
+ setFilter("");
+ }
+ };
+
+ return (
+
+
+ {owner}
+
+
/
+ {isOrg ? (
+
+
+
+
+ e.preventDefault()}
+ >
+ {isLoading ? (
+
+
+
+ ) : hasError ? (
+
+ Failed to load repositories
+
+ ) : repos && repos.length > 0 ? (
+ <>
+
+
+
+ setFilter(
+ e
+ .target
+ .value,
+ )
+ }
+ onKeyDown={(e) =>
+ e.stopPropagation()
+ }
+ className="flex-1 bg-transparent text-xs outline-none placeholder:text-muted-foreground/50"
+ autoFocus
+ />
+
+
+ {filteredRepos &&
+ filteredRepos.length > 0 ? (
+ filteredRepos.map(
+ (repo) => (
+
+ handleRepoSelect(
+ repo,
+ )
+ }
+ className={`flex flex-col items-start gap-0.5 py-2 cursor-pointer ${
+ repo.name ===
+ repoName
+ ? "bg-accent"
+ : ""
+ }`}
+ autoFocus={
+ false
+ }
+ >
+
+
+ {
+ repo.name
+ }
+
+ {repo.private && (
+
+ )}
+
+
+ {formatNumber(
+ repo.stargazers_count,
+ )}
+
+
+
+ {repo.description ??
+ null}
+
+
+ ),
+ )
+ ) : (
+
+ No matching
+ repositories
+
+ )}
+
+ No repositories found
+
+ )}
+
+
+ ) : (
+
+ {repoName}
+
+ )}
+
-
- {owner}
-
- /
-
- {repo}
-
+
{children}
diff --git a/apps/web/src/components/repo/repo-overview.tsx b/apps/web/src/components/repo/repo-overview.tsx
index 95dcd63..6c27007 100644
--- a/apps/web/src/components/repo/repo-overview.tsx
+++ b/apps/web/src/components/repo/repo-overview.tsx
@@ -906,7 +906,6 @@ function HighlightedActivityTicker({ items }: { items: HotItem[] }) {
);
}
-
export interface RepoOverviewProps {
owner: string;
repo: string;
@@ -1069,12 +1068,7 @@ export function RepoOverview({
);
}
- const { data: readmeHtml } = useReadme(
- owner,
- repo,
- branch,
- initialReadmeHtml ?? null,
- );
+ const { data: readmeHtml } = useReadme(owner, repo, branch, initialReadmeHtml ?? null);
return (
diff --git a/apps/web/src/components/repo/repo-sidebar.tsx b/apps/web/src/components/repo/repo-sidebar.tsx
index 52a0593..143675e 100644
--- a/apps/web/src/components/repo/repo-sidebar.tsx
+++ b/apps/web/src/components/repo/repo-sidebar.tsx
@@ -17,6 +17,7 @@ import { StarButton } from "@/components/repo/star-button";
import { SidebarLanguages } from "@/components/repo/sidebar-languages";
import { SidebarContributors } from "@/components/repo/sidebar-contributors";
import { LatestCommitSection } from "@/components/repo/latest-commit-section";
+import { RepoBreadcrumb } from "@/components/repo/repo-breadcrumb";
import type { ContributorAvatarsData } from "@/lib/repo-data-cache";
interface LatestCommit {
@@ -94,21 +95,11 @@ export function RepoSidebar({