feat: make pull request titles clickable links to GitHub PR

Add `title` and `url` fields to the GitHub GraphQL pullRequests query,
pass them through the type system and scoring logic, and wrap PR titles
in the TopList component with anchor tags linking to the GitHub PR page.

Also fixes a pre-existing bug where PR titles incorrectly displayed the
repository name instead of the actual pull request title.

Closes #61

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Ai-chan-0411

components/top-list.tsx

@@ -27,6 +27,7 @@ type Props = {
 export function TopList({ userResults }: Props) {
   const cardDetails = (data: {
     title: string;
+    url?: string;
     subtitle?: string;
     score?: number;
     badges: { tooltip?: string; label?: any; icon: any }[];
@@ -37,7 +38,15 @@ export function TopList({ userResults }: Props) {
       key={data.key}
     >
       <div>
-        <div className="font-medium text-slate-900">{data.title}</div>
+        <div className="font-medium text-slate-900">
+          {data.url ? (
+            <a href={data.url} target="_blank" rel="noopener noreferrer" className="hover:underline">
+              {data.title}
+            </a>
+          ) : (
+            data.title
+          )}
+        </div>
         <div className="text-xs text-muted-foreground mt-1">
           {data.subtitle}
         </div>
@@ -125,6 +134,7 @@ export function TopList({ userResults }: Props) {
                   cardDetails({
                     key: `pr-${i}`,
                     title: pr.title || "Untitled Pull Request",
+                    url: pr.url,
                     subtitle: `in ${pr.repo}`,
                     score: pr.score,
                     badges: [

lib/github.ts

@@ -36,6 +36,8 @@ const QUERY = /* GraphQL */ `
         orderBy: { field: CREATED_AT, direction: DESC }
       ) {
         nodes {
+          title
+          url
           merged
           additions
           deletions

lib/score.ts

@@ -89,7 +89,7 @@ export function calculateUserScore(
   contributionScore: number;
   finalScore: number;
   topRepos: { name: string; stars: number; forks: number; score: number }[];
-  topPullRequests: { repo: string; stars: number; score: number }[];
+  topPullRequests: { repo: string; title: string; url: string; stars: number; score: number }[];
 } {
   const repoScore = calculateRepoScore(data.repos);
   const prScore = calculatePRScore(data.pullRequests, username);
@@ -114,7 +114,8 @@ export function calculateUserScore(
     })),
     topPullRequests: prScore.details.slice(0, 3).map((item) => ({
       repo: item.pr.repository.nameWithOwner,
-      title: item.pr.repository.nameWithOwner,
+      title: item.pr.title,
+      url: item.pr.url,
       stars: item.pr.repository.stargazerCount,
       score: item.score,
       additions: item.pr.additions,

types/github.ts

@@ -7,6 +7,8 @@ export type RepoNode = {
 };
 
 export type PullRequestNode = {
+  title: string;
+  url: string;
   merged: boolean;
   additions: number;
   deletions: number;

types/user-result.ts

@@ -16,6 +16,7 @@ export type UserResult = {
     stars?: number;
     score?: number;
     title?: string;
+    url?: string;
     deletions?: number;
     additions?: number;
   }[];