From 2fc623c14e820ea1b6d353d04790ea33b488d624 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 18 Jan 2026 16:57:54 +0100
Subject: [PATCH] feat(analytics): make top page links clickable in dashboard

---
 app/sites/[id]/page.tsx               |  7 ++++++-
 components/dashboard/ContentStats.tsx | 21 ++++++++++++++++++---
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/app/sites/[id]/page.tsx b/app/sites/[id]/page.tsx
index 9b5e401..280b81d 100644
--- a/app/sites/[id]/page.tsx
+++ b/app/sites/[id]/page.tsx
@@ -208,7 +208,12 @@ export default function SiteDashboardPage() {
       </div>
 
       <div className="grid gap-6 lg:grid-cols-2 mb-8">
-        <ContentStats topPages={topPages} entryPages={entryPages} exitPages={exitPages} />
+        <ContentStats 
+          topPages={topPages} 
+          entryPages={entryPages} 
+          exitPages={exitPages} 
+          domain={site.domain}
+        />
         <TopReferrers referrers={topReferrers} />
       </div>
 
diff --git a/components/dashboard/ContentStats.tsx b/components/dashboard/ContentStats.tsx
index f1119f7..3f8c8a1 100644
--- a/components/dashboard/ContentStats.tsx
+++ b/components/dashboard/ContentStats.tsx
@@ -9,13 +9,14 @@ interface ContentStatsProps {
   topPages: TopPage[]
   entryPages: TopPage[]
   exitPages: TopPage[]
+  domain: string
 }
 
 type Tab = 'top_pages' | 'entry_pages' | 'exit_pages'
 
 const LIMIT = 7
 
-export default function ContentStats({ topPages, entryPages, exitPages }: ContentStatsProps) {
+export default function ContentStats({ topPages, entryPages, exitPages, domain }: ContentStatsProps) {
   const [activeTab, setActiveTab] = useState<Tab>('top_pages')
   const [isModalOpen, setIsModalOpen] = useState(false)
 
@@ -86,7 +87,14 @@ export default function ContentStats({ topPages, entryPages, exitPages }: Conten
               {displayedData.map((page, index) => (
                 <div key={index} className="flex items-center justify-between h-7">
                   <div className="flex-1 truncate text-neutral-900 dark:text-white">
-                    {page.path}
+                    <a
+                      href={`https://${domain.replace(/^https?:\/\//, '')}${page.path}`}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="hover:underline"
+                    >
+                      {page.path}
+                    </a>
                   </div>
                   <div className="text-sm font-semibold text-neutral-600 dark:text-neutral-400 ml-4">
                     {formatNumber(page.pageviews)}
@@ -114,7 +122,14 @@ export default function ContentStats({ topPages, entryPages, exitPages }: Conten
           {data.map((page, index) => (
             <div key={index} className="flex items-center justify-between py-1">
               <div className="flex-1 truncate text-neutral-900 dark:text-white">
-                {page.path}
+                <a
+                  href={`https://${domain.replace(/^https?:\/\//, '')}${page.path}`}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="hover:underline"
+                >
+                  {page.path}
+                </a>
               </div>
               <div className="text-sm font-semibold text-neutral-600 dark:text-neutral-400 ml-4">
                 {formatNumber(page.pageviews)}