From 5a3a4f7bf1cc1eff26eb24c9c6c3437caaee79ae Mon Sep 17 00:00:00 2001
From: Kokila-chandrakar <payalchandrakar327@gmail.com>
Date: Wed, 3 Jun 2026 19:28:42 +0000
Subject: [PATCH 1/3] feat: add empty states for dashboard widgets

---
 src/components/CIAnalytics.tsx       | 27 ++++++++++++++++-
 src/components/DiscussionsWidget.tsx | 27 +++++++++++++++++
 src/components/TopRepos.tsx          | 45 +++++++++++++---------------
 3 files changed, 74 insertions(+), 25 deletions(-)

diff --git a/src/components/CIAnalytics.tsx b/src/components/CIAnalytics.tsx
index 6b9084010..1a169143f 100644
--- a/src/components/CIAnalytics.tsx
+++ b/src/components/CIAnalytics.tsx
@@ -103,6 +103,8 @@ export default function CIAnalytics() {
       : "Rate limited"
     : "Refresh";
 
+  const hasNoCIData = !!data && data.totalRuns === 0;
+
   return (
     <div className="rounded-xl border border-[var(--border)] bg-[var(--card)] p-6 shadow-sm">
       <div className="mb-4 flex items-start justify-between gap-3">
@@ -163,8 +165,30 @@ export default function CIAnalytics() {
             </button>
           )}
         </div>
+      ) : hasNoCIData ? (
+        <div className="flex flex-col items-center justify-center py-10 text-center">
+          <div className="mb-3 text-4xl">⚙️</div>
+      
+          <h3 className="text-sm font-semibold text-[var(--card-foreground)]">
+            No CI runs detected
+          </h3>
+      
+          <p className="mt-2 max-w-sm text-sm text-[var(--muted-foreground)]">
+            Set up GitHub Actions to see workflow and build analytics here.
+          </p>
+      
+          <a
+            href="https://docs.github.com/actions"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="mt-4 inline-flex rounded-md border border-[var(--border)] px-4 py-2 text-sm font-medium hover:bg-[var(--control)]"
+          >
+            Learn GitHub Actions
+          </a>
+        </div>
       ) : data ? (
         <div className="space-y-4">
+      
           <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
             {stats.map((stat) => (
               <div
@@ -180,7 +204,7 @@ export default function CIAnalytics() {
               </div>
             ))}
           </div>
-
+      
           <div className="rounded-lg bg-[var(--control)] p-4">
             <p className="text-sm font-medium text-[var(--card-foreground)]">
               Flakiest workflow
@@ -192,6 +216,7 @@ export default function CIAnalytics() {
               {data.flakiestWorkflow ?? "No failing workflows in this window"}
             </p>
           </div>
+      
         </div>
       ) : null}
     </div>
diff --git a/src/components/DiscussionsWidget.tsx b/src/components/DiscussionsWidget.tsx
index b017632b7..a6745c136 100644
--- a/src/components/DiscussionsWidget.tsx
+++ b/src/components/DiscussionsWidget.tsx
@@ -52,6 +52,12 @@ export default function DiscussionsWidget() {
       ]
     : [];
 
+  const hasNoDiscussionData =
+    !!data &&
+    data.discussionsStarted === 0 &&
+    data.commentsGiven === 0 &&
+    data.markedAsAnswer === 0;
+
   return (
     <div className="rounded-xl border border-[var(--border)] bg-[var(--card)] p-6 shadow-sm">
       <h2 className="mb-4 text-lg font-semibold text-[var(--card-foreground)]">
@@ -78,6 +84,27 @@ export default function DiscussionsWidget() {
             Try again
           </button>
         </div>
+      ) : hasNoDiscussionData ? (
+        <div className="flex flex-col items-center justify-center py-10 text-center">
+          <div className="mb-3 text-4xl">💬</div>
+      
+          <h3 className="text-sm font-semibold text-[var(--card-foreground)]">
+            No discussion activity yet
+          </h3>
+      
+          <p className="mt-2 max-w-sm text-sm text-[var(--muted-foreground)]">
+            Participate in GitHub Discussions to see your activity metrics here.
+          </p>
+      
+          <a
+            href="https://github.com/discussions"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="mt-4 inline-flex rounded-md border border-[var(--border)] px-4 py-2 text-sm font-medium hover:bg-[var(--control)]"
+          >
+            Explore Discussions
+          </a>
+        </div>
       ) : (
         <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
           {stats.map((stat) => (
diff --git a/src/components/TopRepos.tsx b/src/components/TopRepos.tsx
index fdcd0d50b..20785cfd1 100644
--- a/src/components/TopRepos.tsx
+++ b/src/components/TopRepos.tsx
@@ -456,32 +456,29 @@ export default function TopRepos() {
           </button>
         </div>
       ) : repos.length === 0 ? (
-        <p className="text-sm text-[var(--muted-foreground)]">No commits in the last {days} days.</p>
+        <div className="flex flex-col items-center justify-center py-10 text-center">
+          <div className="mb-3 text-4xl">📦</div>
+      
+          <h3 className="text-sm font-semibold text-[var(--card-foreground)]">
+            No repositories found
+          </h3>
+      
+          <p className="mt-2 max-w-sm text-sm text-[var(--muted-foreground)]">
+            Push your first commit on GitHub to get started and see repository activity here.
+          </p>
+      
+          <a
+            href="https://github.com/new"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="mt-4 inline-flex rounded-md border border-[var(--border)] px-4 py-2 text-sm font-medium hover:bg-[var(--control)]"
+          >
+            Create Repository
+          </a>
+        </div>
       ) : (
       <>
-      {repos.length > 10 && (
-  <div className="relative mb-3">
-    <input
-      type="text"
-      value={searchQuery}
-      onChange={(e) => setSearchQuery(e.target.value)}
-      placeholder="Search repositories…"
-      aria-label="Search repositories"
-      className="w-full rounded-lg border border-[var(--border)] bg-[var(--control)] px-3 py-1.5 pr-10 text-sm text-[var(--card-foreground)] placeholder:text-[var(--muted-foreground)] focus:outline-none focus:border-[var(--accent)]"
-    />
-
-    {searchQuery.length > 0 && (
-      <button
-        type="button"
-        onClick={() => setSearchQuery("")}
-        aria-label="Clear search"
-        className="absolute right-3 top-1/2 -translate-y-1/2 text-[var(--muted-foreground)] hover:text-[var(--card-foreground)]"
-      >
-        ✕
-      </button>
-    )}
-  </div>
-)}
+
         <div className="flex items-center justify-between text-xs text-[var(--muted-foreground)] mb-2 px-0">
           <button
             type="button"

From 61d1325d4128599fea99e28213bd8d2bfffa628c Mon Sep 17 00:00:00 2001
From: Kokila-chandrakar <payalchandrakar327@gmail.com>
Date: Wed, 3 Jun 2026 19:45:51 +0000
Subject: [PATCH 2/3] fix: resolve CIAnalytics JSX issues

---
 src/components/CIAnalytics.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/CIAnalytics.tsx b/src/components/CIAnalytics.tsx
index 1a169143f..e4d95625b 100644
--- a/src/components/CIAnalytics.tsx
+++ b/src/components/CIAnalytics.tsx
@@ -188,7 +188,6 @@ export default function CIAnalytics() {
         </div>
       ) : data ? (
         <div className="space-y-4">
-      
           <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
             {stats.map((stat) => (
               <div
@@ -216,7 +215,6 @@ export default function CIAnalytics() {
               {data.flakiestWorkflow ?? "No failing workflows in this window"}
             </p>
           </div>
-      
         </div>
       ) : null}
     </div>

From 8178c2eaa4fb6cfc831c169f3cdecd0ee55afdb1 Mon Sep 17 00:00:00 2001
From: Kokila-chandrakar <payalchandrakar327@gmail.com>
Date: Wed, 3 Jun 2026 20:05:41 +0000
Subject: [PATCH 3/3] feat: add empty state for CI analytics widget

---
 src/components/CIAnalytics.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/CIAnalytics.tsx b/src/components/CIAnalytics.tsx
index 93a48a060..5eff43d64 100644
--- a/src/components/CIAnalytics.tsx
+++ b/src/components/CIAnalytics.tsx
@@ -188,7 +188,6 @@ export default function CIAnalytics() {
         </div>
       ) : data ? (
         <div className="space-y-4">
-          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
           <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 stagger-children">
             {stats.map((stat) => (
               <div
@@ -205,8 +204,6 @@ export default function CIAnalytics() {
             ))}
           </div>
       
-          <div className="rounded-lg bg-[var(--control)] p-4">
-
           <div className="rounded-lg bg-[var(--control)] p-4 stat-cell">
             <p className="text-sm font-medium text-[var(--card-foreground)]">
               Flakiest workflow