From f842f064669fefe3df5f94f3d0945140e76e5946 Mon Sep 17 00:00:00 2001
From: Sakshi Wankhade <sakshiwankhade026@gmail.com>
Date: Mon, 1 Jun 2026 08:44:00 +0530
Subject: [PATCH 1/2] fix: add per-widget error boundaries for dashboard
 widgets

---
 src/app/dashboard/page.tsx             | 21 ++++++++++++++++-----
 src/components/WidgetErrorBoundary.tsx |  6 +++---
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 6f3bc2712..2feb06d43 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -26,6 +26,7 @@ import { authOptions } from "@/lib/auth";
 import { getServerSession } from "next-auth";
 import { redirect } from "next/navigation";
 import DashboardSSEProvider from "@/components/DashboardSSEProvider";
+import WidgetErrorBoundary from "@/components/WidgetErrorBoundary";
 
 const SkeletonCard = () => (
   <div
@@ -149,13 +150,17 @@ export default async function DashboardPage() {
         <div id="streaks" className="mt-6 grid grid-cols-1 gap-6 scroll-mt-24 lg:grid-cols-3">
           {/* Left: contribution graph + heatmap */}
           <div className="lg:col-span-2 flex flex-col gap-6">
-            <ContributionGraph />
+            <WidgetErrorBoundary>
+              <ContributionGraph />
+            </WidgetErrorBoundary>
             <ContributionHeatmap />
           </div>
 
           {/* Right: streak + coding time */}
           <div className="flex flex-col gap-6">
-            <StreakTracker />
+            <WidgetErrorBoundary>
+              <StreakTracker />
+            </WidgetErrorBoundary>
             <LocalCodingTime />
             <CodingTimeWidget />
           </div>
@@ -177,7 +182,9 @@ export default async function DashboardPage() {
 
         {/* -- Row 2: PR metrics + Community metrics -- */}
         <div id="pull-requests" className="mt-6 grid grid-cols-1 gap-6 scroll-mt-24 md:grid-cols-2">
-          <PRMetrics />
+          <WidgetErrorBoundary>
+            <PRMetrics />
+          </WidgetErrorBoundary>
           <CommunityMetrics />
         </div>
 
@@ -248,12 +255,16 @@ export default async function DashboardPage() {
         {/* -- Row 4: Top repos + Language breakdown + Goal tracker -- */}
         <div className="mt-6 grid grid-cols-1 lg:grid-cols-3 gap-6">
           <LazyWidget fallback={<SkeletonCard />}>
-            <TopRepos />
+            <WidgetErrorBoundary>
+              <TopRepos />
+            </WidgetErrorBoundary>
           </LazyWidget>
           <LazyWidget fallback={<SkeletonCard />}>
             <LanguageBreakdown />
           </LazyWidget>
-          <GoalTracker />
+          <WidgetErrorBoundary>
+            <GoalTracker />
+          </WidgetErrorBoundary>
         </div>
 
         {/* Recent activity — full width */}
diff --git a/src/components/WidgetErrorBoundary.tsx b/src/components/WidgetErrorBoundary.tsx
index 66c3e7efe..3ec22f2cd 100644
--- a/src/components/WidgetErrorBoundary.tsx
+++ b/src/components/WidgetErrorBoundary.tsx
@@ -40,11 +40,11 @@ class WidgetErrorBoundary extends React.Component<Props, State> {
       return (
         <div className="rounded-xl border border-[var(--destructive)]/20 bg-[var(--destructive)]/10 p-4 text-center">
           <h2 className="mb-2 text-lg font-semibold">
-            Something went wrong
+            Unable to load data
           </h2>
-
+          
           <p className="mb-4 text-sm text-[var(--muted-foreground)]">
-            This widget failed to load.
+            Please try refreshing or try again later.
           </p>
 
           <button

From bb254e38a775cb981eede353678fc82553e30d81 Mon Sep 17 00:00:00 2001
From: Sakshi Wankhade <sakshiwankhade026@gmail.com>
Date: Mon, 1 Jun 2026 09:03:38 +0530
Subject: [PATCH 2/2] chore: trigger CI refresh