From 4a57d8668fcaa82473afc9dc63c2a5da85e9e3f4 Mon Sep 17 00:00:00 2001
From: Kumaraguru <19eucs071@skcet.ac.in>
Date: Fri, 10 Jan 2025 15:42:15 +0000
Subject: [PATCH] added title and seo

---
 pages/index.js     | 789 +++++++++++++++++++++++----------------------
 public/favicon.ico | Bin 25931 -> 15406 bytes
 2 files changed, 401 insertions(+), 388 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index fe2cc6e..8794e79 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -37,6 +37,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "@/components/ui/dialog";
+import Head from "next/head";
 
 // Initialize Supabase client
 const supabase = createClient(
@@ -215,401 +216,413 @@ export default function Dashboard() {
   const totalPeerPages = getPageCount(displayPeerIds.length);
 
   return (
-    <div className="min-h-screen bg-gradient-to-bl from-black to-[#222222] text-white overflow-x-hidden">
-      {/* Header */}
-      <motion.header
-        initial={{ opacity: 0, y: -20 }}
-        animate={{ opacity: 1, y: 0 }}
-        className="sticky top-0 z-50 backdrop-blur-xl bg-black/50 border-b border-neutral-800"
-      >
-        <div className="max-w-[2000px] mx-auto px-4 sm:px-6 py-4 flex items-center justify-between">
-          <div className="flex items-center gap-3">
-            <img src="/logo.svg" alt="Codex" className="w-10 h-10" />
-            <h1 className="text-lg sm:text-xl font-bold">Testnet Metrics</h1>
-          </div>
-          <div className="flex items-center gap-3">
-            <select
-              value={timeframe}
-              onChange={(e) => setTimeframe(e.target.value)}
-              className="bg-neutral-900 border border-neutral-800 rounded-lg px-3 py-2 text-sm font-medium
-                hover:border-neutral-700 focus:border-[#7afbaf] focus:ring-1 focus:ring-[#7afbaf] 
-                transition-colors cursor-pointer outline-none"
-            >
-              <option value="7d">Last 7 Days</option>
-              <option value="30d">Last 30 Days</option>
-              <option value="1y">Last Year</option>
-            </select>
-            <button
-              onClick={fetchData}
-              disabled={loading}
-              className="p-2 text-neutral-400 hover:text-[#7afbaf] disabled:text-neutral-600 
-                bg-neutral-900 border border-neutral-800 rounded-lg
-                hover:border-neutral-700 disabled:border-neutral-800 disabled:hover:border-neutral-800
-                focus:border-[#7afbaf] focus:ring-1 focus:ring-[#7afbaf] 
-                transition-colors cursor-pointer disabled:cursor-not-allowed outline-none"
-            >
-              <RotateCw className={`w-5 h-5 ${loading ? 'animate-spin' : ''}`} />
-              <span className="sr-only">Refresh data</span>
-            </button>
-            <Dialog>
-              <DialogTrigger asChild>
-                <button
-                  className="p-2 text-neutral-400 hover:text-[#7afbaf]
-                    bg-neutral-900 border border-neutral-800 rounded-lg
-                    hover:border-neutral-700 focus:border-[#7afbaf] focus:ring-1 
-                    focus:ring-[#7afbaf] transition-colors cursor-pointer outline-none"
-                >
-                  <Info className="w-5 h-5" />
-                  <span className="sr-only">Dashboard information</span>
-                </button>
-              </DialogTrigger>
-              <DialogContent className="sm:max-w-[600px]">
-                <DialogHeader>
-                  <DialogTitle className="mb-6">Testnet Metrics</DialogTitle>
-                  <div className="w-full h-40 bg-neutral-800 rounded-lg mb-6 animate-pulse" />
-                  <DialogDescription className="pt-3">
-                    The data displayed in this dashboard is collected from Codex nodes that use the{' '}
-                    <a 
-                      href="https://github.com/codex-storage/cli" 
-                      target="_blank" 
-                      rel="noopener noreferrer"
-                      className="text-[#7afbaf] hover:underline"
-                    >
-                      Codex CLI
-                    </a>
-                    {' '}for running a Codex alturistic node in the testnet. Users agree to a privacy 
-                    disclaimer before using the Codex CLI and the data collected will be used to 
-                    understand the testnet statistics and help troubleshooting users who face 
-                    difficulty in getting onboarded to Codex.
-                  </DialogDescription>
-                  <div className="mt-8 space-y-4 border-neutral-800 pt-4">
-                    <div>
-                      <h4 className="text-sm font-semibold text-white mb-2">Don't wish to provide data?</h4>
-                      <p className="text-sm text-neutral-400">
-                        You can still run a Codex node without providing any data. To do this, please follow the steps mentioned in the                     <a 
-                      href="https://docs.codex.storage/" 
-                      target="_blank" 
-                      rel="noopener noreferrer"
-                      className="text-[#7afbaf] hover:underline"
-                    >
-                      Codex documentation
-                    </a> which does not use the Codex CLI.
-                      </p>
-                    </div>
-                    <div>
-                      <h4 className="text-sm font-semibold text-white mb-2">Is there an incentive to run a Codex node?</h4>
-                      <p className="text-sm text-neutral-400">
-                        Codex is currently in testnet and it is not incentivized. However, in the future, Codex may be incentivized as per the roadmap. But please bear in mind that no incentives are promised for testnet node operators.
-                      </p>
-                    </div>
-                    <div>
-                      <h4 className="text-sm font-semibold text-white mb-2">I have a question or suggestion</h4>
-                      <p className="text-sm text-neutral-400">
-                        The best way to get in touch with us is to join the 
-                      <a
-                      href="https://discord.gg/codex-storage"
-                      target="_blank" 
-                      rel="noopener noreferrer"
-                      className="text-[#7afbaf] hover:underline"
-                    >
-                      {" "}Codex discord
-                    </a> and ask your question in the #support channel.
-                      </p>
-                    </div>
-                  </div>
-                </DialogHeader>
-              </DialogContent>
-            </Dialog>
-          </div>
-        </div>
-      </motion.header>
+    <>
+      <Head>
+        <title>Codex Metrics</title>
+        <meta name="description" content="Real-time metrics dashboard for Codex testnet nodes, displaying network statistics, version distribution, and geographic data." />
+        <meta property="og:title" content="Codex Metrics" />
+        <meta property="og:description" content="Real-time metrics dashboard for Codex testnet nodes, displaying network statistics, version distribution, and geographic data." />
+        <meta property="og:type" content="website" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" href="/logo.svg" />
+      </Head>
 
-      <main className="max-w-[2000px] mx-auto px-4 sm:px-6 py-4 sm:py-6">
-        {error ? (
-          <ErrorState message={error} />
-        ) : (
-          <div className="space-y-4 sm:space-y-6">
-            {/* Top Section: Stats + Graph */}
-            <div className="grid gap-4 sm:gap-6 lg:grid-cols-2">
-              {/* Left Column - Stats Cards */}
-              <div className="grid grid-cols-2 lg:grid-cols-1 lg:grid-rows-4 gap-4 lg:h-[450px]">
-                {[
-                  {
-                    title: "Active Nodes",
-                    value: currentActiveNodes,
-                    Icon: Users,
-                    delay: 0,
-                    isLoading: componentLoading.nodes,
-                  },
-                  {
-                    title: "Average Peer Count",
-                    value: averagePeerCount,
-                    Icon: Network,
-                    delay: 0.1,
-                    isLoading: componentLoading.nodes,
-                  },
-                  {
-                    title: "Total Nodes",
-                    value: totalNodes,
-                    Icon: Database,
-                    delay: 0.2,
-                    isLoading: componentLoading.metrics,
-                  },
-                  {
-                    title: "Last Updated",
-                    value: lastUpdated,
-                    Icon: Clock,
-                    delay: 0.3,
-                    isLoading: componentLoading.nodes,
-                  },
-                ].map((stat) => (
-                  <motion.div
-                    key={stat.title}
-                    initial={{ opacity: 0, y: 20 }}
-                    animate={{ opacity: 1, y: 0 }}
-                    transition={{ delay: stat.delay }}
-                    className="bg-neutral-900 p-4 sm:p-5 rounded-xl hover:bg-neutral-900/80 
-                      transition-colors border border-neutral-800 hover:border-neutral-700
-                      flex flex-col justify-between h-full"
-                  >
-                    <h3 className="text-neutral-400 text-sm font-medium flex items-center gap-2 mb-3">
-                      <stat.Icon className="w-4 h-4 opacity-60" />
-                      {stat.title}
-                    </h3>
-                    <div className="mt-auto">
-                      {stat.isLoading ? (
-                        <div className="h-8 bg-neutral-800/50 rounded animate-pulse" />
-                      ) : stat.title === "Last Updated" ? (
-                        <div className="flex items-baseline gap-2">
-                          <span className="text-lg sm:text-xl lg:text-2xl font-bold text-[#7afbaf] tracking-tight">
-                            {lastUpdated.time}
-                          </span>
-                          <span className="text-sm font-medium text-[#7afbaf] opacity-70">
-                            {lastUpdated.dateText}
-                          </span>
-                        </div>
-                      ) : (
-                        <p className="text-lg sm:text-xl lg:text-2xl font-bold text-[#7afbaf] tracking-tight">
-                          {stat.value}
-                        </p>
-                      )}
-                    </div>
-                  </motion.div>
-                ))}
-              </div>
-
-              {/* Right Column - Chart */}
-              <motion.div
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ delay: 0.4 }}
-                className="bg-neutral-900 p-4 sm:p-6 rounded-xl h-[350px] lg:h-[450px] border border-neutral-800 
-                  hover:border-neutral-700 transition-colors"
-              >
-                <Tabs defaultValue="nodes" className="h-full flex flex-col">
-                  <div className="flex items-center justify-center mb-6">
-                    <TabsList className="bg-neutral-800 border border-neutral-700">
-                      <TabsTrigger value="nodes" className="data-[state=active]:bg-neutral-900">
-                        <Activity className="w-4 h-4 mr-2" />
-                        Active Nodes
-                      </TabsTrigger>
-                      <TabsTrigger value="geo" className="data-[state=active]:bg-neutral-900">
-                        <Globe className="w-4 h-4 mr-2" />
-                        Geographic Distribution
-                      </TabsTrigger>
-                    </TabsList>
-                  </div>
-
-                  <TabsContent value="nodes" className="flex-1 mt-0">
-                    {componentLoading.metrics ? (
-                      <div className="h-full flex items-center justify-center">
-                        <ComponentSkeleton />
-                      </div>
-                    ) : metrics.length === 0 ? (
-                      <div className="h-full flex items-center justify-center">
-                        <p className="text-neutral-400">No data available for the selected timeframe</p>
-                      </div>
-                    ) : (
-                      <div className="h-full">
-                        <ResponsiveContainer width="100%" height="100%">
-                          <LineChart data={metrics}>
-                            <CartesianGrid
-                              strokeDasharray="3 3"
-                              stroke="#333"
-                              vertical={false}
-                            />
-                            <XAxis
-                              dataKey="date"
-                              stroke="#666"
-                              tickFormatter={(date) => format(new Date(date), "MMM d")}
-                              fontSize={12}
-                              tickMargin={10}
-                            />
-                            <YAxis
-                              stroke="#666"
-                              fontSize={12}
-                              tickMargin={10}
-                              axisLine={false}
-                            />
-                            <Tooltip
-                              contentStyle={{
-                                backgroundColor: "#1a1a1a",
-                                border: "1px solid #333",
-                                borderRadius: "8px",
-                                fontFamily: "var(--font-inter)",
-                                fontSize: "12px",
-                                padding: "12px",
-                              }}
-                              cursor={{ stroke: "#666" }}
-                              formatter={(value) => [`${value} nodes`, 'Active Nodes']}
-                              labelFormatter={(label) => format(new Date(label), "MMM d, yyyy")}
-                            />
-                            <Line
-                              type="monotone"
-                              dataKey="new_records_count"
-                              stroke="#7afbaf"
-                              strokeWidth={2}
-                              dot={false}
-                              activeDot={{ r: 6, fill: "#7afbaf" }}
-                            />
-                          </LineChart>
-                        </ResponsiveContainer>
-                      </div>
-                    )}
-                  </TabsContent>
-
-                  <TabsContent value="geo" className="flex-1 mt-0">
-                    <div className="h-full flex items-center justify-center">
-                      <p className="text-neutral-400">Geographic distribution view coming soon</p>
-                    </div>
-                  </TabsContent>
-                </Tabs>
-              </motion.div>
+      <div className="min-h-screen bg-gradient-to-bl from-black to-[#222222] text-white overflow-x-hidden">
+        {/* Header */}
+        <motion.header
+          initial={{ opacity: 0, y: -20 }}
+          animate={{ opacity: 1, y: 0 }}
+          className="sticky top-0 z-50 backdrop-blur-xl bg-black/50 border-b border-neutral-800"
+        >
+          <div className="max-w-[2000px] mx-auto px-4 sm:px-6 py-4 flex items-center justify-between">
+            <div className="flex items-center gap-3">
+              <img src="/logo.svg" alt="Codex" className="w-10 h-10" />
+              <h1 className="text-lg sm:text-xl font-bold">Testnet Metrics</h1>
             </div>
-
-            {/* Bottom Section: Version Distribution + Active Peers */}
-            <div className="grid gap-4 sm:gap-6 lg:grid-cols-2">
-              {/* Version Distribution */}
-              <motion.div
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ delay: 0.5 }}
-                className="bg-neutral-900 p-4 sm:p-6 rounded-xl border border-neutral-800 
-                  hover:border-neutral-700 transition-colors h-[300px] lg:h-[350px] flex flex-col"
+            <div className="flex items-center gap-3">
+              <select
+                value={timeframe}
+                onChange={(e) => setTimeframe(e.target.value)}
+                className="bg-neutral-900 border border-neutral-800 rounded-lg px-3 py-2 text-sm font-medium
+                  hover:border-neutral-700 focus:border-[#7afbaf] focus:ring-1 focus:ring-[#7afbaf] 
+                  transition-colors cursor-pointer outline-none"
               >
-                <h3 className="text-neutral-400 mb-4 sm:mb-6 font-medium flex items-center gap-2">
-                  <Database className="w-5 h-5 opacity-60" />
-                  Version Distribution
-                </h3>
-                {componentLoading.versions ? (
-                  <ComponentSkeleton />
-                ) : Object.keys(versionDistribution).length === 0 ? (
-                  <div className="flex items-center justify-center flex-1">
-                    <p className="text-neutral-400">No version data available</p>
-                  </div>
-                ) : (
-                  <>
-                    <div className="space-y-4 overflow-y-auto flex-1 pr-2 scrollbar-thin 
-                      scrollbar-thumb-neutral-700 scrollbar-track-neutral-800">
-                      {paginatedVersions.map(([version, count]) => (
-                        <div key={version}>
-                          <div className="flex justify-between mb-2">
-                            <span className="font-medium text-sm sm:text-base">{version}</span>
-                            <span className="font-medium text-sm sm:text-base text-[#7afbaf]">
-                              {count}
+                <option value="7d">Last 7 Days</option>
+                <option value="30d">Last 30 Days</option>
+                <option value="1y">Last Year</option>
+              </select>
+              <button
+                onClick={fetchData}
+                disabled={loading}
+                className="p-2 text-neutral-400 hover:text-[#7afbaf] disabled:text-neutral-600 
+                  bg-neutral-900 border border-neutral-800 rounded-lg
+                  hover:border-neutral-700 disabled:border-neutral-800 disabled:hover:border-neutral-800
+                  focus:border-[#7afbaf] focus:ring-1 focus:ring-[#7afbaf] 
+                  transition-colors cursor-pointer disabled:cursor-not-allowed outline-none"
+              >
+                <RotateCw className={`w-5 h-5 ${loading ? 'animate-spin' : ''}`} />
+                <span className="sr-only">Refresh data</span>
+              </button>
+              <Dialog>
+                <DialogTrigger asChild>
+                  <button
+                    className="p-2 text-neutral-400 hover:text-[#7afbaf]
+                      bg-neutral-900 border border-neutral-800 rounded-lg
+                      hover:border-neutral-700 focus:border-[#7afbaf] focus:ring-1 
+                      focus:ring-[#7afbaf] transition-colors cursor-pointer outline-none"
+                  >
+                    <Info className="w-5 h-5" />
+                    <span className="sr-only">Dashboard information</span>
+                  </button>
+                </DialogTrigger>
+                <DialogContent className="sm:max-w-[600px]">
+                  <DialogHeader>
+                    <DialogTitle className="mb-6">Testnet Metrics</DialogTitle>
+                    <div className="w-full h-40 bg-neutral-800 rounded-lg mb-6 animate-pulse" />
+                    <DialogDescription className="pt-3">
+                      The data displayed in this dashboard is collected from Codex nodes that use the{' '}
+                      <a 
+                        href="https://github.com/codex-storage/cli" 
+                        target="_blank" 
+                        rel="noopener noreferrer"
+                        className="text-[#7afbaf] hover:underline"
+                      >
+                        Codex CLI
+                      </a>
+                      {' '}for running a Codex alturistic node in the testnet. Users agree to a privacy 
+                      disclaimer before using the Codex CLI and the data collected will be used to 
+                      understand the testnet statistics and help troubleshooting users who face 
+                      difficulty in getting onboarded to Codex.
+                    </DialogDescription>
+                    <div className="mt-8 space-y-4 border-neutral-800 pt-4">
+                      <div>
+                        <h4 className="text-sm font-semibold text-white mb-2">Don't wish to provide data?</h4>
+                        <p className="text-sm text-neutral-400">
+                          You can still run a Codex node without providing any data. To do this, please follow the steps mentioned in the                     <a 
+                        href="https://docs.codex.storage/" 
+                        target="_blank" 
+                        rel="noopener noreferrer"
+                        className="text-[#7afbaf] hover:underline"
+                      >
+                        Codex documentation
+                      </a> which does not use the Codex CLI.
+                        </p>
+                      </div>
+                      <div>
+                        <h4 className="text-sm font-semibold text-white mb-2">Is there an incentive to run a Codex node?</h4>
+                        <p className="text-sm text-neutral-400">
+                          Codex is currently in testnet and it is not incentivized. However, in the future, Codex may be incentivized as per the roadmap. But please bear in mind that no incentives are promised for testnet node operators.
+                        </p>
+                      </div>
+                      <div>
+                        <h4 className="text-sm font-semibold text-white mb-2">I have a question or suggestion</h4>
+                        <p className="text-sm text-neutral-400">
+                          The best way to get in touch with us is to join the 
+                        <a
+                        href="https://discord.gg/codex-storage"
+                        target="_blank" 
+                        rel="noopener noreferrer"
+                        className="text-[#7afbaf] hover:underline"
+                      >
+                        {" "}Codex discord
+                      </a> and ask your question in the #support channel.
+                        </p>
+                      </div>
+                    </div>
+                  </DialogHeader>
+                </DialogContent>
+              </Dialog>
+            </div>
+          </div>
+        </motion.header>
+
+        <main className="max-w-[2000px] mx-auto px-4 sm:px-6 py-4 sm:py-6">
+          {error ? (
+            <ErrorState message={error} />
+          ) : (
+            <div className="space-y-4 sm:space-y-6">
+              {/* Top Section: Stats + Graph */}
+              <div className="grid gap-4 sm:gap-6 lg:grid-cols-2">
+                {/* Left Column - Stats Cards */}
+                <div className="grid grid-cols-2 lg:grid-cols-1 lg:grid-rows-4 gap-4 lg:h-[450px]">
+                  {[
+                    {
+                      title: "Active Nodes",
+                      value: currentActiveNodes,
+                      Icon: Users,
+                      delay: 0,
+                      isLoading: componentLoading.nodes,
+                    },
+                    {
+                      title: "Average Peer Count",
+                      value: averagePeerCount,
+                      Icon: Network,
+                      delay: 0.1,
+                      isLoading: componentLoading.nodes,
+                    },
+                    {
+                      title: "Total Nodes",
+                      value: totalNodes,
+                      Icon: Database,
+                      delay: 0.2,
+                      isLoading: componentLoading.metrics,
+                    },
+                    {
+                      title: "Last Updated",
+                      value: lastUpdated,
+                      Icon: Clock,
+                      delay: 0.3,
+                      isLoading: componentLoading.nodes,
+                    },
+                  ].map((stat) => (
+                    <motion.div
+                      key={stat.title}
+                      initial={{ opacity: 0, y: 20 }}
+                      animate={{ opacity: 1, y: 0 }}
+                      transition={{ delay: stat.delay }}
+                      className="bg-neutral-900 p-4 sm:p-5 rounded-xl hover:bg-neutral-900/80 
+                        transition-colors border border-neutral-800 hover:border-neutral-700
+                        flex flex-col justify-between h-full"
+                    >
+                      <h3 className="text-neutral-400 text-sm font-medium flex items-center gap-2 mb-3">
+                        <stat.Icon className="w-4 h-4 opacity-60" />
+                        {stat.title}
+                      </h3>
+                      <div className="mt-auto">
+                        {stat.isLoading ? (
+                          <div className="h-8 bg-neutral-800/50 rounded animate-pulse" />
+                        ) : stat.title === "Last Updated" ? (
+                          <div className="flex items-baseline gap-2">
+                            <span className="text-lg sm:text-xl lg:text-2xl font-bold text-[#7afbaf] tracking-tight">
+                              {lastUpdated.time}
+                            </span>
+                            <span className="text-sm font-medium text-[#7afbaf] opacity-70">
+                              {lastUpdated.dateText}
                             </span>
                           </div>
-                          <div className="w-full bg-neutral-800 rounded-full h-2 overflow-hidden">
-                            <motion.div
-                              initial={{ width: 0 }}
-                              animate={{ width: `${(count / currentActiveNodes) * 100}%` }}
-                              transition={{ duration: 0.5, ease: "easeOut" }}
-                              className="bg-[#7afbaf] h-2 rounded-full"
-                            />
-                          </div>
-                        </div>
-                      ))}
-                    </div>
-                    <PaginationControls
-                      currentPage={versionPage}
-                      totalPages={totalVersionPages}
-                      onPageChange={setVersionPage}
-                      className="mt-4 pt-4 border-t border-neutral-800"
-                    />
-                  </>
-                )}
-              </motion.div>
-
-              {/* Active Peer IDs List */}
-              <motion.div
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ delay: 0.6 }}
-                className="bg-neutral-900 p-4 sm:p-6 rounded-xl border border-neutral-800 
-                  hover:border-neutral-700 transition-colors h-[300px] lg:h-[350px] flex flex-col"
-              >
-                <div className="flex flex-col gap-4 sm:gap-6">
-                  <h3 className="text-neutral-400 font-medium flex items-center gap-2">
-                    <Network className="w-5 h-5 opacity-60" />
-                    Active Peer IDs
-                  </h3>
-                  <div className="relative">
-                    <input
-                      type="text"
-                      placeholder="Search peer IDs..."
-                      value={searchQuery}
-                      onChange={(e) => setSearchQuery(e.target.value)}
-                      className="w-full bg-neutral-800 border border-neutral-700 rounded-lg px-4 py-2 
-                        text-sm placeholder-neutral-500 focus:border-[#7afbaf] focus:ring-1 
-                        focus:ring-[#7afbaf] transition-colors outline-none"
-                    />
-                    <Search className="w-4 h-4 text-neutral-500 absolute right-3 top-1/2 -translate-y-1/2" />
-                  </div>
+                        ) : (
+                          <p className="text-lg sm:text-xl lg:text-2xl font-bold text-[#7afbaf] tracking-tight">
+                            {stat.value}
+                          </p>
+                        )}
+                      </div>
+                    </motion.div>
+                  ))}
                 </div>
-                {componentLoading.peers ? (
-                  <ComponentSkeleton className="mt-4" />
-                ) : activePeerIds.length === 0 ? (
-                  <div className="flex items-center justify-center flex-1">
-                    <p className="text-neutral-400">No active peers available</p>
-                  </div>
-                ) : isSearching ? (
-                  <div className="flex items-center justify-center flex-1">
-                    <RotateCw className="w-6 h-6 text-neutral-400 animate-spin" />
-                  </div>
-                ) : searchQuery && searchResults.length === 0 ? (
-                  <div className="flex items-center justify-center flex-1">
-                    <p className="text-neutral-400">No matching peer IDs found</p>
-                  </div>
-                ) : (
-                  <>
-                    <div className="space-y-2 overflow-y-auto flex-1 pr-2 mt-4 scrollbar-thin 
-                      scrollbar-thumb-neutral-700 scrollbar-track-neutral-800">
-                      {paginatedPeerIds.map((peerId, index) => (
-                        <motion.div
-                          key={peerId}
-                          initial={{ opacity: 0, x: -20 }}
-                          animate={{ opacity: 1, x: 0 }}
-                          transition={{ delay: 0.1 * (index % 5) }}
-                          className="bg-neutral-800 p-3 rounded-lg text-xs sm:text-sm font-medium 
-                            break-all hover:bg-neutral-700/50 transition-colors"
-                        >
-                          {peerId}
-                        </motion.div>
-                      ))}
+
+                {/* Right Column - Chart */}
+                <motion.div
+                  initial={{ opacity: 0, y: 20 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  transition={{ delay: 0.4 }}
+                  className="bg-neutral-900 p-4 sm:p-6 rounded-xl h-[350px] lg:h-[450px] border border-neutral-800 
+                    hover:border-neutral-700 transition-colors"
+                >
+                  <Tabs defaultValue="nodes" className="h-full flex flex-col">
+                    <div className="flex items-center justify-center mb-6">
+                      <TabsList className="bg-neutral-800 border border-neutral-700">
+                        <TabsTrigger value="nodes" className="data-[state=active]:bg-neutral-900">
+                          <Activity className="w-4 h-4 mr-2" />
+                          Active Nodes
+                        </TabsTrigger>
+                        <TabsTrigger value="geo" className="data-[state=active]:bg-neutral-900">
+                          <Globe className="w-4 h-4 mr-2" />
+                          Geographic Distribution
+                        </TabsTrigger>
+                      </TabsList>
                     </div>
-                    <PaginationControls
-                      currentPage={peerPage}
-                      totalPages={totalPeerPages}
-                      onPageChange={setPeerPage}
-                      className="mt-4 pt-4 border-t border-neutral-800"
-                    />
-                  </>
-                )}
-              </motion.div>
+
+                    <TabsContent value="nodes" className="flex-1 mt-0">
+                      {componentLoading.metrics ? (
+                        <div className="h-full flex items-center justify-center">
+                          <ComponentSkeleton />
+                        </div>
+                      ) : metrics.length === 0 ? (
+                        <div className="h-full flex items-center justify-center">
+                          <p className="text-neutral-400">No data available for the selected timeframe</p>
+                        </div>
+                      ) : (
+                        <div className="h-full">
+                          <ResponsiveContainer width="100%" height="100%">
+                            <LineChart data={metrics}>
+                              <CartesianGrid
+                                strokeDasharray="3 3"
+                                stroke="#333"
+                                vertical={false}
+                              />
+                              <XAxis
+                                dataKey="date"
+                                stroke="#666"
+                                tickFormatter={(date) => format(new Date(date), "MMM d")}
+                                fontSize={12}
+                                tickMargin={10}
+                              />
+                              <YAxis
+                                stroke="#666"
+                                fontSize={12}
+                                tickMargin={10}
+                                axisLine={false}
+                              />
+                              <Tooltip
+                                contentStyle={{
+                                  backgroundColor: "#1a1a1a",
+                                  border: "1px solid #333",
+                                  borderRadius: "8px",
+                                  fontFamily: "var(--font-inter)",
+                                  fontSize: "12px",
+                                  padding: "12px",
+                                }}
+                                cursor={{ stroke: "#666" }}
+                                formatter={(value) => [`${value} nodes`, 'Active Nodes']}
+                                labelFormatter={(label) => format(new Date(label), "MMM d, yyyy")}
+                              />
+                              <Line
+                                type="monotone"
+                                dataKey="new_records_count"
+                                stroke="#7afbaf"
+                                strokeWidth={2}
+                                dot={false}
+                                activeDot={{ r: 6, fill: "#7afbaf" }}
+                              />
+                            </LineChart>
+                          </ResponsiveContainer>
+                        </div>
+                      )}
+                    </TabsContent>
+
+                    <TabsContent value="geo" className="flex-1 mt-0">
+                      <div className="h-full flex items-center justify-center">
+                        <p className="text-neutral-400">Geographic distribution view coming soon</p>
+                      </div>
+                    </TabsContent>
+                  </Tabs>
+                </motion.div>
+              </div>
+
+              {/* Bottom Section: Version Distribution + Active Peers */}
+              <div className="grid gap-4 sm:gap-6 lg:grid-cols-2">
+                {/* Version Distribution */}
+                <motion.div
+                  initial={{ opacity: 0, y: 20 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  transition={{ delay: 0.5 }}
+                  className="bg-neutral-900 p-4 sm:p-6 rounded-xl border border-neutral-800 
+                    hover:border-neutral-700 transition-colors h-[300px] lg:h-[350px] flex flex-col"
+                >
+                  <h3 className="text-neutral-400 mb-4 sm:mb-6 font-medium flex items-center gap-2">
+                    <Database className="w-5 h-5 opacity-60" />
+                    Version Distribution
+                  </h3>
+                  {componentLoading.versions ? (
+                    <ComponentSkeleton />
+                  ) : Object.keys(versionDistribution).length === 0 ? (
+                    <div className="flex items-center justify-center flex-1">
+                      <p className="text-neutral-400">No version data available</p>
+                    </div>
+                  ) : (
+                    <>
+                      <div className="space-y-4 overflow-y-auto flex-1 pr-2 scrollbar-thin 
+                        scrollbar-thumb-neutral-700 scrollbar-track-neutral-800">
+                        {paginatedVersions.map(([version, count]) => (
+                          <div key={version}>
+                            <div className="flex justify-between mb-2">
+                              <span className="font-medium text-sm sm:text-base">{version}</span>
+                              <span className="font-medium text-sm sm:text-base text-[#7afbaf]">
+                                {count}
+                              </span>
+                            </div>
+                            <div className="w-full bg-neutral-800 rounded-full h-2 overflow-hidden">
+                              <motion.div
+                                initial={{ width: 0 }}
+                                animate={{ width: `${(count / currentActiveNodes) * 100}%` }}
+                                transition={{ duration: 0.5, ease: "easeOut" }}
+                                className="bg-[#7afbaf] h-2 rounded-full"
+                              />
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                      <PaginationControls
+                        currentPage={versionPage}
+                        totalPages={totalVersionPages}
+                        onPageChange={setVersionPage}
+                        className="mt-4 pt-4 border-t border-neutral-800"
+                      />
+                    </>
+                  )}
+                </motion.div>
+
+                {/* Active Peer IDs List */}
+                <motion.div
+                  initial={{ opacity: 0, y: 20 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  transition={{ delay: 0.6 }}
+                  className="bg-neutral-900 p-4 sm:p-6 rounded-xl border border-neutral-800 
+                    hover:border-neutral-700 transition-colors h-[300px] lg:h-[350px] flex flex-col"
+                >
+                  <div className="flex flex-col gap-4 sm:gap-6">
+                    <h3 className="text-neutral-400 font-medium flex items-center gap-2">
+                      <Network className="w-5 h-5 opacity-60" />
+                      Active Peer IDs
+                    </h3>
+                    <div className="relative">
+                      <input
+                        type="text"
+                        placeholder="Search peer IDs..."
+                        value={searchQuery}
+                        onChange={(e) => setSearchQuery(e.target.value)}
+                        className="w-full bg-neutral-800 border border-neutral-700 rounded-lg px-4 py-2 
+                          text-sm placeholder-neutral-500 focus:border-[#7afbaf] focus:ring-1 
+                          focus:ring-[#7afbaf] transition-colors outline-none"
+                      />
+                      <Search className="w-4 h-4 text-neutral-500 absolute right-3 top-1/2 -translate-y-1/2" />
+                    </div>
+                  </div>
+                  {componentLoading.peers ? (
+                    <ComponentSkeleton className="mt-4" />
+                  ) : activePeerIds.length === 0 ? (
+                    <div className="flex items-center justify-center flex-1">
+                      <p className="text-neutral-400">No active peers available</p>
+                    </div>
+                  ) : isSearching ? (
+                    <div className="flex items-center justify-center flex-1">
+                      <RotateCw className="w-6 h-6 text-neutral-400 animate-spin" />
+                    </div>
+                  ) : searchQuery && searchResults.length === 0 ? (
+                    <div className="flex items-center justify-center flex-1">
+                      <p className="text-neutral-400">No matching peer IDs found</p>
+                    </div>
+                  ) : (
+                    <>
+                      <div className="space-y-2 overflow-y-auto flex-1 pr-2 mt-4 scrollbar-thin 
+                        scrollbar-thumb-neutral-700 scrollbar-track-neutral-800">
+                        {paginatedPeerIds.map((peerId, index) => (
+                          <motion.div
+                            key={peerId}
+                            initial={{ opacity: 0, x: -20 }}
+                            animate={{ opacity: 1, x: 0 }}
+                            transition={{ delay: 0.1 * (index % 5) }}
+                            className="bg-neutral-800 p-3 rounded-lg text-xs sm:text-sm font-medium 
+                              break-all hover:bg-neutral-700/50 transition-colors"
+                          >
+                            {peerId}
+                          </motion.div>
+                        ))}
+                      </div>
+                      <PaginationControls
+                        currentPage={peerPage}
+                        totalPages={totalPeerPages}
+                        onPageChange={setPeerPage}
+                        className="mt-4 pt-4 border-t border-neutral-800"
+                      />
+                    </>
+                  )}
+                </motion.div>
+              </div>
             </div>
-          </div>
-        )}
-      </main>
-    </div>
+          )}
+        </main>
+      </div>
+    </>
   );
 }
diff --git a/public/favicon.ico b/public/favicon.ico
index 718d6fea4835ec2d246af9800eddb7ffb276240c..096e2b42c813459112ed864f937b6c47100790b2 100644
GIT binary patch
literal 15406
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

literal 25931
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
LrJugUA?W`A8`#=m