From 4928fb03397a1dd2ca19a49858e2f5b6b2d17a69 Mon Sep 17 00:00:00 2001
From: Aviral Shukla <aviral.shukla2122000@gmail.com>
Date: Mon, 23 Feb 2026 13:07:06 +0530
Subject: [PATCH 1/4] Add keys to columns and change max width class

Wrap the PR, issues, and repos columns in divs with explicit key props to avoid React key warnings when rendering the three-column grid. Also replace the container Tailwind class max-w-[1600px] with max-w-400 to adjust the layout width.
---
 apps/main-site/src/app/(main-site)/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/main-site/src/app/(main-site)/page.tsx b/apps/main-site/src/app/(main-site)/page.tsx
index 956b725..337187d 100644
--- a/apps/main-site/src/app/(main-site)/page.tsx
+++ b/apps/main-site/src/app/(main-site)/page.tsx
@@ -60,7 +60,7 @@ async function DashboardShell({
 
 	return (
 		<div className="h-full overflow-y-auto bg-dotgrid">
-			<div className="mx-auto max-w-[1600px] px-4 py-4 md:px-6 md:py-5">
+			<div className="mx-auto max-w-400 px-4 py-4 md:px-6 md:py-5">
 				{/* Command palette */}
 				<div className="mb-4">{commandPalette}</div>
 
@@ -69,9 +69,9 @@ async function DashboardShell({
 
 				{/* Three-column grid */}
 				<div className="grid gap-4 lg:grid-cols-3">
-					{prColumn}
-					{issuesColumn}
-					{reposColumn}
+					<div key="pr">{prColumn}</div>
+					<div key="issues">{issuesColumn}</div>
+					<div key="repos">{reposColumn}</div>
 				</div>
 			</div>
 		</div>

From 8ed3ad85fe42de6635591f63f00b0005ff3d88a8 Mon Sep 17 00:00:00 2001
From: Aviral Shukla <aviral.shukla2122000@gmail.com>
Date: Mon, 23 Feb 2026 13:20:28 +0530
Subject: [PATCH 2/4] Add keys to dynamic content sections in RepoDetailShell
 and OrgDetailShell fixing missing key prop error

---
 apps/main-site/src/app/(main-site)/[owner]/[name]/page.tsx | 6 +++---
 apps/main-site/src/app/(main-site)/[owner]/page.tsx        | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/main-site/src/app/(main-site)/[owner]/[name]/page.tsx b/apps/main-site/src/app/(main-site)/[owner]/[name]/page.tsx
index 33ef023..1fa0a4d 100644
--- a/apps/main-site/src/app/(main-site)/[owner]/[name]/page.tsx
+++ b/apps/main-site/src/app/(main-site)/[owner]/[name]/page.tsx
@@ -73,9 +73,9 @@ async function RepoDetailShell({
 		<SyncProgressOverlay owner={owner} name={name}>
 			<div className="h-full overflow-y-auto">
 				<div className="px-6 py-8">
-					{header}
-					{prs}
-					{issues}
+					<div key="header">{header}</div>
+					<div key="prs">{prs}</div>
+					<div key="issues">{issues}</div>
 				</div>
 			</div>
 		</SyncProgressOverlay>
diff --git a/apps/main-site/src/app/(main-site)/[owner]/page.tsx b/apps/main-site/src/app/(main-site)/[owner]/page.tsx
index 5d52b4a..b825507 100644
--- a/apps/main-site/src/app/(main-site)/[owner]/page.tsx
+++ b/apps/main-site/src/app/(main-site)/[owner]/page.tsx
@@ -80,9 +80,9 @@ async function OrgDetailShell({
 				<div className="mb-4">{commandPalette}</div>
 				<SignInCta />
 				<div className="grid gap-4 lg:grid-cols-3">
-					{prColumn}
-					{issuesColumn}
-					{reposColumn}
+					<div key="pr">{prColumn}</div>
+					<div key="issues">{issuesColumn}</div>
+					<div key="repos">{reposColumn}</div>
 				</div>
 			</div>
 		</div>

From 419a4e629a3c3ff71a20fde89c1c1a3a6f0a7591 Mon Sep 17 00:00:00 2001
From: Aviral Shukla <aviral.shukla2122000@gmail.com>
Date: Mon, 23 Feb 2026 13:40:41 +0530
Subject: [PATCH 3/4] Update home-dashboard-client.tsx

---
 .../app/(main-site)/_components/home-dashboard-client.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx b/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx
index 5f49b84..35617fe 100644
--- a/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx
+++ b/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx
@@ -494,11 +494,11 @@ function PrRow({ pr }: { pr: DashboardPrItem }) {
 	return (
 		<Link
 			href={`/${pr.ownerLogin}/${pr.repoName}/pull/${pr.number}`}
-			className="flex items-center gap-2.5 border-b border-border/30 px-3 py-2 no-underline transition-colors hover:bg-accent/50 last:border-b-0"
+			className="flex items-start gap-2.5 border-b border-border/30 px-3 py-2 no-underline transition-colors hover:bg-accent/50 last:border-b-0"
 		>
 			<PrStateIcon state={pr.state} draft={pr.draft} />
 			<div className="min-w-0 flex-1">
-				<p className="truncate text-[13px] font-medium text-foreground leading-tight">
+				<p className="text-[13px] font-medium leading-tight text-foreground whitespace-normal wrap-break-word">
 					{pr.title}
 				</p>
 				<div className="mt-0.5 flex items-center gap-1.5 font-mono text-[10px] text-muted-foreground/60">
@@ -545,7 +545,7 @@ function IssueRow({ issue }: { issue: DashboardIssueItem }) {
 	return (
 		<Link
 			href={`/${issue.ownerLogin}/${issue.repoName}/issues/${issue.number}`}
-			className="flex items-center gap-2.5 border-b border-border/30 px-3 py-2 no-underline transition-colors hover:bg-accent/50 last:border-b-0"
+			className="flex items-start gap-2.5 border-b border-border/30 px-3 py-2 no-underline transition-colors hover:bg-accent/50 last:border-b-0"
 		>
 			<CircleDot
 				className={cn(
@@ -554,7 +554,7 @@ function IssueRow({ issue }: { issue: DashboardIssueItem }) {
 				)}
 			/>
 			<div className="min-w-0 flex-1">
-				<p className="truncate text-[13px] font-medium text-foreground leading-tight">
+				<p className="text-[13px] font-medium leading-tight text-foreground whitespace-normal break-words">
 					{issue.title}
 				</p>
 				<div className="mt-0.5 flex items-center gap-1.5 font-mono text-[10px] text-muted-foreground/60">

From 6e544241e4486fd08b732269b29f6657a6613dc9 Mon Sep 17 00:00:00 2001
From: Aviral Shukla <aviral.shukla2122000@gmail.com>
Date: Mon, 23 Feb 2026 13:46:00 +0530
Subject: [PATCH 4/4] remove unnecessary classes

---
 .../app/(main-site)/_components/home-dashboard-client.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx b/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx
index 35617fe..c540380 100644
--- a/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx
+++ b/apps/main-site/src/app/(main-site)/_components/home-dashboard-client.tsx
@@ -498,7 +498,7 @@ function PrRow({ pr }: { pr: DashboardPrItem }) {
 		>
 			<PrStateIcon state={pr.state} draft={pr.draft} />
 			<div className="min-w-0 flex-1">
-				<p className="text-[13px] font-medium leading-tight text-foreground whitespace-normal wrap-break-word">
+				<p className="text-[13px] font-medium text-foreground leading-tight">
 					{pr.title}
 				</p>
 				<div className="mt-0.5 flex items-center gap-1.5 font-mono text-[10px] text-muted-foreground/60">
@@ -554,7 +554,7 @@ function IssueRow({ issue }: { issue: DashboardIssueItem }) {
 				)}
 			/>
 			<div className="min-w-0 flex-1">
-				<p className="text-[13px] font-medium leading-tight text-foreground whitespace-normal break-words">
+				<p className="text-[13px] font-medium leading-tight text-foreground">
 					{issue.title}
 				</p>
 				<div className="mt-0.5 flex items-center gap-1.5 font-mono text-[10px] text-muted-foreground/60">
@@ -593,10 +593,10 @@ function RepoRow({ repo }: { repo: RepoSummary }) {
 	return (
 		<Link
 			href={`/${repo.ownerLogin}/${repo.name}`}
-			className="flex items-center justify-between gap-2 border-b border-border/30 px-3 py-2 no-underline transition-colors hover:bg-accent/50 last:border-b-0"
+			className="flex items-start justify-between gap-2 border-b border-border/30 px-3 py-2 no-underline transition-colors hover:bg-accent/50 last:border-b-0"
 		>
 			<div className="min-w-0 flex-1">
-				<p className="truncate text-[13px] font-medium text-foreground leading-tight">
+				<p className="text-[13px] font-medium text-foreground leading-tight">
 					{repo.fullName}
 				</p>
 				{repo.lastPushAt !== null && (