fix: commit author pfp & some UI styles

Author: ping-maxwell

apps/web/src/app/(app)/repos/[owner]/[repo]/pulls/[number]/page.tsx

@@ -326,13 +326,14 @@ export default async function PRDetailPage({
 	}
 
 	for (const c of commits) {
+		const commitUser = c.author || c.committer;
 		const entry: CommitEntry = {
 			type: "commit",
 			id: c.sha,
 			sha: c.sha,
 			message: c.commit?.message || "",
-			user: c.author
-				? { login: c.author.login, avatar_url: c.author.avatar_url }
+			user: commitUser
+				? { login: commitUser.login, avatar_url: commitUser.avatar_url }
 				: null,
 			committer_name: c.commit?.author?.name || c.commit?.committer?.name || null,
 			created_at: c.commit?.author?.date || c.commit?.committer?.date || "",

apps/web/src/app/(app)/repos/[owner]/[repo]/pulls/new/actions.ts

@@ -59,17 +59,20 @@ export async function compareBranches(
 					patch: f.patch,
 					previous_filename: f.previous_filename,
 				})),
-				commits: data.commits.map((c) => ({
-					sha: c.sha,
-					message: c.commit.message,
-					author: c.author
-						? {
-								login: c.author.login,
-								avatar_url: c.author.avatar_url,
-							}
-						: null,
-					date: c.commit.author?.date ?? "",
-				})),
+				commits: data.commits.map((c) => {
+					const commitUser = c.author || c.committer;
+					return {
+						sha: c.sha,
+						message: c.commit.message,
+						author: commitUser
+							? {
+									login: commitUser.login,
+									avatar_url: commitUser.avatar_url,
+								}
+							: null,
+						date: c.commit.author?.date ?? "",
+					};
+				}),
 			},
 		};
 	} catch (err: unknown) {

apps/web/src/components/prompt-request/prompt-detail.tsx

@@ -295,7 +295,7 @@ export function PromptDetail({
 								<button
 									onClick={handleRunWithGhost}
 									disabled={isAccepting}
-									className="flex items-center gap-1.5 px-3 py-1.5 text-[11px] font-medium bg-foreground text-background rounded-sm hover:bg-foreground/90 transition-colors cursor-pointer disabled:opacity-50"
+									className="flex items-center gap-1.5 px-3 py-1.5 text-[11px] font-medium bg-primary text-background rounded-sm hover:bg-primary/90 transition-colors cursor-pointer disabled:opacity-50"
 								>
 									{isAccepting ? (
 										<Loader2 className="w-3 h-3 animate-spin" />
@@ -310,7 +310,7 @@ export function PromptDetail({
 									}
 									disabled={isAccepting}
 									className={cn(
-										"flex items-center gap-1 px-2.5 py-1.5 text-[11px] font-medium rounded-md border transition-all cursor-pointer disabled:opacity-50",
+										"flex items-center gap-1 px-2.5 py-1.5 text-[11px] font-medium rounded-sm border transition-all cursor-pointer disabled:opacity-50",
 										copied
 											? "bg-green-500/15 text-green-400 border-green-500/20"
 											: "bg-muted/50 text-muted-foreground border-border hover:bg-muted hover:text-foreground",
@@ -511,7 +511,7 @@ export function PromptDetail({
 									onChange={setCommentBody}
 									placeholder="Leave a comment..."
 									compact
-									rows={2}
+									rows={4}
 									onKeyDown={(e) => {
 										if (
 											e.key ===
@@ -533,7 +533,7 @@ export function PromptDetail({
 											!commentBody.trim() ||
 											isSubmittingComment
 										}
-										className="flex items-center gap-1 px-2.5 py-1 text-[11px] font-medium bg-foreground text-background rounded-md hover:opacity-90 transition-opacity disabled:opacity-40 cursor-pointer"
+										className="flex items-center gap-1 px-2.5 py-1 text-[11px] font-medium bg-foreground text-background rounded-sm hover:opacity-90 transition-opacity disabled:opacity-40 cursor-pointer"
 									>
 										{isSubmittingComment ? (
 											<Loader2 className="w-3 h-3 animate-spin" />

apps/web/src/lib/github.ts

@@ -2739,8 +2739,8 @@ const PR_BUNDLE_QUERY = `
             commit {
               oid
               message
-              author { name date }
-              committer { name date }
+              author { name date user { login avatarUrl } }
+              committer { name date user { login avatarUrl } }
             }
             resourcePath
           }
@@ -2864,8 +2864,16 @@ interface GQLCommitNode {
 	commit: {
 		oid: string;
 		message: string;
-		author: { name: string; date: string } | null;
-		committer: { name: string; date: string } | null;
+		author: {
+			name: string;
+			date: string;
+			user?: { login: string; avatarUrl: string } | null;
+		} | null;
+		committer: {
+			name: string;
+			date: string;
+			user?: { login: string; avatarUrl: string } | null;
+		} | null;
 	};
 	resourcePath: string;
 }
@@ -3024,6 +3032,8 @@ function transformGraphQLPRBundle(node: GQLPRNode): PRBundleData {
 
 	const commits = (node.commits?.nodes ?? []).map((n) => {
 		const c = n.commit;
+		const authorUser = c.author?.user;
+		const committerUser = c.committer?.user;
 		return {
 			sha: c.oid,
 			commit: {
@@ -3035,7 +3045,15 @@ function transformGraphQLPRBundle(node: GQLPRNode): PRBundleData {
 					? { name: c.committer.name, date: c.committer.date }
 					: null,
 			},
-			author: null,
+			author: authorUser
+				? { login: authorUser.login, avatar_url: authorUser.avatarUrl }
+				: null,
+			committer: committerUser
+				? {
+						login: committerUser.login,
+						avatar_url: committerUser.avatarUrl,
+					}
+				: null,
 		};
 	});
 	type PRStateEvent = PRBundleData["stateEvents"][number]["event"];