fix: improve AccountToggle active tab visibility in light mode

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.github/FUNDING.yml

@@ -0,0 +1 @@
+github: Priyanshu-byte-coder

.github/workflows/e2e.yml

@@ -35,10 +35,10 @@ jobs:
         run: npm ci
 
       - name: Install Playwright browsers
-        run: npx -y @playwright/test@1.49.1 install --with-deps chromium
+        run: npx playwright install --with-deps chromium
 
       - name: Run Playwright tests
-        run: npx -y @playwright/test@1.49.1 test
+        run: npx playwright test
 
       - name: Upload Playwright report
         uses: actions/upload-artifact@v4

.gitignore

@@ -37,3 +37,6 @@ Thumbs.db
 desktop.ini
 
 test-results/
+
+.vercel
+.env*

README.md

@@ -15,8 +15,9 @@
 [![Contributors](https://img.shields.io/github/contributors/Priyanshu-byte-coder/devtrack?color=brightgreen)](https://github.com/Priyanshu-byte-coder/devtrack/graphs/contributors)
 [![Last Commit](https://img.shields.io/github/last-commit/Priyanshu-byte-coder/devtrack)](https://github.com/Priyanshu-byte-coder/devtrack/commits/main)
 [![Open Issues](https://img.shields.io/github/issues/Priyanshu-byte-coder/devtrack)](https://github.com/Priyanshu-byte-coder/devtrack/issues)
+[![GitHub Sponsors](https://img.shields.io/github/sponsors/Priyanshu-byte-coder?label=sponsors&color=ea4aaa)](https://github.com/sponsors/Priyanshu-byte-coder)
 
-**[🌐 Live Demo](https://devtrack-delta.vercel.app)** · **[📖 Dev Guide](./DEVELOPMENT.md)** · **[🐛 Report Bug](https://github.com/Priyanshu-byte-coder/devtrack/issues/new?template=bug_report.md)** · **[✨ Request Feature](https://github.com/Priyanshu-byte-coder/devtrack/issues/new?template=feature_request.md)**
+**[🌐 Live Demo](https://devtrack-delta.vercel.app)** · **[📖 Dev Guide](./DEVELOPMENT.md)** · **[🐛 Report Bug](https://github.com/Priyanshu-byte-coder/devtrack/issues/new?template=bug_report.md)** · **[✨ Request Feature](https://github.com/Priyanshu-byte-coder/devtrack/issues/new?template=feature_request.md)** · **[💖 Sponsor](https://github.com/sponsors/Priyanshu-byte-coder)**
 
 </div>
 
@@ -33,6 +34,7 @@
 - [Getting Started](#-getting-started)
 - [Roadmap](#-roadmap)
 - [Contributing](#-contributing)
+- [Sponsors](#-sponsors)
 - [License](#-license)
 
 ---
@@ -240,6 +242,21 @@ See **[CONTRIBUTING.md](./CONTRIBUTING.md)** for full guidelines, commit style,
 
 ---
 
+## 💖 Sponsors
+
+DevTrack is free and open source. Sponsoring helps cover infrastructure costs (Supabase, Vercel, API usage) and lets me dedicate more time to new features.
+
+| Tier | Amount | Perks |
+|------|--------|-------|
+| ☕ Coffee | $5 / mo | Your name in this README |
+| 🎯 Backer | $15 / mo | Name + priority response on issues |
+| 🏆 Champion | $50 / mo | Name + logo in README + feature request priority |
+| 💝 One-time | $10+ | One-time thanks, no recurring commitment |
+
+**[→ Sponsor DevTrack on GitHub](https://github.com/sponsors/Priyanshu-byte-coder)**
+
+---
+
 ## 📄 License
 
 MIT — see [LICENSE](./LICENSE) for details.

e2e/dashboard-widgets.spec.js

@@ -171,6 +171,9 @@ test.beforeEach(async ({ page }) => {
     "**/api/metrics/pr-review-trend**",
     "**/api/metrics/inactive-repos**",
     "**/api/notifications**",
+    "**/api/local-coding/stats**",
+    "**/api/metrics/coding-time**",
+    "**/api/metrics/coding-activity-insights**",
   ];
 
 for (const pattern of metricRoutes) {
@@ -182,6 +185,15 @@ for (const pattern of metricRoutes) {
   });
 }
 
+  await page.route("**/api/stream**", async (route) => {
+    await route.fulfill({
+      status: 200,
+      contentType: "text/event-stream",
+      body: "data: {}\n\n",
+    });
+  });
+
+
 });
 test("dashboard widgets render with mocked metrics", async ({ page }) => {
   await page.goto("/dashboard", { waitUntil: "load" });
@@ -293,5 +305,35 @@ function mockMetricResponse(url) {
   if (url.includes("/api/user/github-accounts")) {
     return { accounts: [] };
   }
+  if (url.includes("/api/local-coding/stats")) {
+    return {
+      dailyData: [],
+      totals: { totalSeconds: 0, totalDays: 0, avgSecondsPerDay: 0 },
+      hasData: false,
+    };
+  }
+  if (url.includes("/api/metrics/coding-time")) {
+    return {
+      hasData: false,
+      not_configured: true,
+      todaysSeconds: 0,
+      totalSeconds7Days: 0,
+      chartData: [],
+      topLanguage: "",
+      topProject: "",
+    };
+  }
+  if (url.includes("/api/metrics/coding-activity-insights")) {
+    return {
+      hourlyCounts: [],
+      mostActiveHour: { hour: 0, count: 0, label: "" },
+      leastActiveHour: { hour: 0, count: 0, label: "" },
+      totalActivities: 0,
+      averageDailyCommits: 0,
+      consistencyScore: 0,
+      productivityLevel: "Low",
+      timezone: "UTC",
+    };
+  }
   return {};
 }

e2e/landing.spec.js

@@ -33,8 +33,6 @@ test("landing page shows dashboard link", async ({ page }) => {
 test("landing shows footer", async ({ page }) => {
   await page.goto("/");
 
-
   await expect(page.getByRole("contentinfo").first()).toBeVisible();
 });
 
-

src/app/api/metrics/activity/route.ts

@@ -14,15 +14,14 @@ import {
 } from "@/lib/metrics-cache";
 import { supabaseAdmin } from "@/lib/supabase";
 import { resolveAppUser } from "@/lib/resolve-user";
-
-export const dynamic = "force-dynamic";
-
 import {
   type ActivityItem,
   type RawEvent,
   formatActivity,
 } from "@/lib/activity-formatter";
 
+export const dynamic = "force-dynamic";
+
 
 async function fetchFormattedActivity(token: string): Promise<ActivityItem[]> {
   const events = (await fetchUserEvents(token)) as RawEvent[];

src/app/api/metrics/compare/route.ts

@@ -4,6 +4,13 @@ import { authOptions } from "@/lib/auth";
 import { dateDiffDays, toDateStr } from "@/lib/dateUtils";
 import { normalizeGitHubUsername } from "@/lib/validate-github-username";
 
+import {
+  isMetricsCacheBypassed,
+  METRICS_CACHE_TTL_SECONDS,
+  metricsCacheKey,
+  withMetricsCache,
+} from "@/lib/metrics-cache";
+
 export const dynamic = "force-dynamic";
 
 const GITHUB_API = "https://api.github.com";
@@ -34,6 +41,24 @@ export async function GET(req: NextRequest) {
   }
 
   const encodedUsername = encodeURIComponent(normalizedUsername);
+  const bypass = isMetricsCacheBypassed(req);
+  const cacheKey = metricsCacheKey(
+  session.githubId ?? session.githubLogin,
+  "compare",
+  {
+    username: normalizedUsername,
+  }
+);
+
+try {
+  const data = await withMetricsCache(
+    {
+      bypass,
+      key: cacheKey,
+      ttlSeconds: METRICS_CACHE_TTL_SECONDS.compare,
+    },
+    async () => {
+
 
   // 1. Verify user exists
   const userRes = await fetch(`${GITHUB_API}/users/${encodedUsername}`, {
@@ -42,10 +67,13 @@ export async function GET(req: NextRequest) {
   });
 
   if (!userRes.ok) {
-    if (userRes.status === 404) return Response.json({ error: "User not found" }, { status: 404 });
-    return Response.json({ error: "GitHub API error or User is private" }, { status: 502 });
+  if (userRes.status === 404) {
+    throw new Error("User not found");
   }
 
+  throw new Error("GitHub API error or User is private");
+}
+
   // 2. Commits & Streak (fetch 90 days)
   const since90 = new Date();
   since90.setDate(since90.getDate() - 90);
@@ -149,11 +177,28 @@ export async function GET(req: NextRequest) {
     prs = prsData.total_count || 0;
   }
 
-  return Response.json({
-    username: normalizedUsername,
-    streak,
-    commits30d,
-    topLanguage,
-    prs
-  });
+ return {
+  username: normalizedUsername,
+  streak,
+  commits30d,
+  topLanguage,
+  prs,
+};
+  }
+);
+
+return Response.json(data);
+} catch (error) {
+  if (error instanceof Error && error.message === "User not found") {
+    return Response.json(
+      { error: "User not found" },
+      { status: 404 }
+    );
+  }
+
+  return Response.json(
+    { error: "GitHub API error or User is private" },
+    { status: 502 }
+  );
 }
+}