+ setHoverNodeId(node ? (node as GraphNode).id : null)}
+ onNodeClick={(node: any) => {
+ const n = node as GraphNode;
+ setSelectedNode((prev) => (prev?.id === n.id ? null : n));
+ }}
+ onBackgroundClick={() => setSelectedNode(null)}
+ enableNodeDrag={true}
+ d3AlphaDecay={0.02}
+ d3VelocityDecay={0.3}
+ />
+
+ {/* ── detail panel ──────────────────────────────────────── */}
+ {selectedNode && (
+
+ );
+}
+
+/* ── tiny stat block ─────────────────────────────────────────────── */
+function Stat({ label, value, accent }: { label: string; value: string; accent?: boolean }) {
+ return (
+
+
+
+ {selectedNode.type === "contributor" ? (
+
+ )}
+
+ {/* ── legend ────────────────────────────────────────────── */}
+
+
+ ) : (
+
+ {selectedNode.avatarUrl ? (
+ 
+ ) : (
+
+
+
+ {(selectedNode.label || "?")[0].toUpperCase()}
+
+ )}
+
+
+ + {selectedNode.label} +
++ Contributor +
+
+
+
+ {selectedNode.profileUrl && (
+
+ Open GitHub Profile →
+
+ )}
+
+
+ )}
+
+
+
+
+ {""}
+
+
+
+ + {selectedNode.label} +
++ Repository +
+
+
+
+
+
+
+ Contributor
+
+
+
+ Repository
+
+
+
+ Contribution
+
+
+
+
+ );
+}
diff --git a/src/components/dashboard/ContributorsTab.tsx b/src/components/dashboard/ContributorsTab.tsx
new file mode 100644
index 0000000..b5157ed
--- /dev/null
+++ b/src/components/dashboard/ContributorsTab.tsx
@@ -0,0 +1,238 @@
+import { useState, useEffect } from "react";
+import { githubApi } from "../../services/githubApi";
+import { cacheService } from "../../services/cache";
+import {
+ ContributorRepoGraph,
+ type GraphNode,
+ type GraphLink,
+} from "./ContributorRepoGraph";
+
+/* ─────────────────────────────────────────────────────────────────── */
+
+export function ContributorsTab() {
+ const [nodes, setNodes] = useState{label}
+
+ {value}
+
+
+
+
+
+ );
+ }
+
+ /* ─── render ────────────────────────────────────────────────── */
+ return (
+
+ {/* header */}
+
+ );
+}
diff --git a/src/components/dashboard/LanguageChart.tsx b/src/components/dashboard/LanguageChart.tsx
new file mode 100644
index 0000000..94ad4aa
--- /dev/null
+++ b/src/components/dashboard/LanguageChart.tsx
@@ -0,0 +1,57 @@
+import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip, Legend } from 'recharts';
+
+interface LanguageChartProps {
+ data: { name: string; value: number; color: string }[];
+}
+
+export function LanguageChart({ data }: LanguageChartProps) {
+ if (data.length === 0) {
+ return (
+
+
+
+ {/* graph container */}
+ + Contributor ↔ Repo Graph +
+
+ {[
+ { label: "Contributors", val: stats.contributors, color: "#8CC63F" },
+ { label: "Repositories", val: stats.repos, color: "#F7D100" },
+ { label: "Edges", val: stats.edges, color: "#8b949e" },
+ ].map((s) => (
+
+
+
+ {s.label}
+ {s.val}
+
+ ))}
+
+
+ + Edge thickness = contribution volume · Recently active nodes float higher +
+ +
+
+ );
+ }
+
+ return (
+ No language data available
+
+
+ );
+}
diff --git a/src/components/dashboard/OverviewTab.tsx b/src/components/dashboard/OverviewTab.tsx
new file mode 100644
index 0000000..c58af71
--- /dev/null
+++ b/src/components/dashboard/OverviewTab.tsx
@@ -0,0 +1,595 @@
+import { useEffect, useState } from "react";
+import {
+ BookMarked,
+ Star,
+ GitFork,
+ AlertCircle,
+ Activity,
+ TrendingDown,
+} from "lucide-react";
+import {
+ ResponsiveContainer,
+ LineChart,
+ CartesianGrid,
+ XAxis,
+ YAxis,
+ Tooltip,
+ Line,
+} from "recharts";
+import { StatCard } from "./StatCard";
+import { LanguageChart } from "./LanguageChart";
+import { githubApi } from "../../services/githubApi";
+import { cacheService } from "../../services/cache";
+
+const LANGUAGE_COLORS: RecordTop Languages
+
+
+
+
+ {data.map((entry, index) => (
+ |
+ ))}
+
+ [`${value} repos`, 'Usage']}
+ />
+
+
+
+
+
+
+ );
+ }
+
+ return (
+
+ {[1, 2, 3, 4].map((i) => (
+
+ ))}
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/dashboard/RepoDetailPanel.tsx b/src/components/dashboard/RepoDetailPanel.tsx
new file mode 100644
index 0000000..1191fe7
--- /dev/null
+++ b/src/components/dashboard/RepoDetailPanel.tsx
@@ -0,0 +1,236 @@
+import { useEffect, useState } from "react";
+import {
+ X,
+ Star,
+ GitFork,
+ AlertCircle,
+ GitCommit,
+ ExternalLink,
+} from "lucide-react";
+import { BarChart, Bar, ResponsiveContainer, Tooltip } from "recharts";
+import { githubApi } from "../../services/githubApi";
+import { cacheService } from "../../services/cache";
+
+interface RepoDetailPanelProps {
+ repo: any | null;
+ onClose: () => void;
+}
+
+export function RepoDetailPanel({ repo, onClose }: RepoDetailPanelProps) {
+ const [contributors, setContributors] = useState
+ {orgData?.avatar_url && (
+ 
+ )}
+
+
+
+
+ + {orgData?.name || orgNames.join(", ")} +
+ {orgData?.description && ( ++ {orgData.description} +
+ )} +
+
+
+
+
+
+
+
+ + Organization Activity (Last 3 Months) +
++ Active score = forks + PRs opened + issues opened +
+
+
+
+ [
+ Number(value ?? 0),
+ String(name),
+ ]}
+ labelFormatter={(label) => `Week of ${label}`}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Top Contributors Leaderboard */}
+
+ {(showStagnantRepos || pinStagnantRepos) && (
+
+
+
+ )}
+ + Stagnant Repository List +
+
+ {stagnantRepos.length > 0 ? (
+ stagnantRepos.map((repo: any) => (
+
+
+ + {repo.name} +
+
+ Issues: {repo.open_issues_count}
+
+ Last Commit:{" "}
+ {new Date(repo.pushed_at).toLocaleDateString()}
+
+
+
+ ))
+ ) : (
+
+ No stagnant repositories detected from current data.
+
+ )}
+ setShowStagnantRepos(true)}
+ onMouseLeave={() => setShowStagnantRepos(false)}
+ onClick={() => setPinStagnantRepos((prev) => !prev)}
+ >
+
+
+
+
+
+ + Repos with open issues but no commits in the last 3 months. +
+
+ {stagnantRepos.length}
+
+ + Hover or click to inspect repos +
+
+
+
+
+
+
+ + Ratio of contributors active in the last 3 months. +
+
+ {openSourceIndicator.percent}%{" "}
+
+ {openSourceIndicator.status}
+
+
+ + {openSourceIndicator.contributorsLast3Months} active of{" "} + {openSourceIndicator.totalContributors} contributors +
+
+
+
+
+
+
+ + Avg activity points per week and core team size. +
+
+ {projectVelocity.avgCommitsPerWeek}
+ Points / Wk
+
+
+
+ BUS FACTOR: {projectVelocity.busFactor}
+
+
+ Nodes for 50% work
+
+
+
+
+ + Top contributors [All-Time Across Featured Repos] +
+
+ {topContributors.map((c, idx) => (
+
+
+
+
+
+ ))}
+
+ 
+
+
+ #{idx + 1}
+
+
+
+ {c.login}
++ {c.contributions} Commits +
+
+
+
+ );
+}
diff --git a/src/components/dashboard/ReposTab.tsx b/src/components/dashboard/ReposTab.tsx
new file mode 100644
index 0000000..08f3155
--- /dev/null
+++ b/src/components/dashboard/ReposTab.tsx
@@ -0,0 +1,439 @@
+import { useState, useEffect, useMemo } from "react";
+import {
+ Search,
+ Star,
+ GitFork,
+ AlertCircle,
+ ArrowUpDown,
+ ChevronLeft,
+ ChevronRight,
+} from "lucide-react";
+import { githubApi } from "../../services/githubApi";
+import { cacheService } from "../../services/cache";
+import { cn } from "../../lib/utils";
+import { RepoDetailPanel } from "./RepoDetailPanel";
+
+const ITEMS_PER_PAGE = 10;
+
+const CATEGORY_KEYWORDS: Record
+
+
+
+
+
+ + {repo.name} +
++ {repo.description || "NO DESCRIPTION"} +
+
+ {/* Quick Stats */}
+
+
+
+
+
+ {/* Commit Activity Graph */}
+
+
+
+
+
+
+
+
+
+
+ {/* Top Contributors */}
+
+
+
+ {loading ? (
+
+
+
+
+ ) : (
+
+
+
+
+ ) : activity.length > 0 ? (
+
+ No activity data available.
+
+ )}
+
+
+ + Top Contributors +
+ {loading ? ( +
+ {[1, 2, 3].map((i) => (
+
+ ) : contributors.length > 0 ? (
+
+
+
+ ))}
+
+
+
+
+
+ {contributors.map((contributor) => (
+
+
+ ) : (
+
+ 
+
+
+
+ + {contributor.login} +
+
+ {contributor.contributions} CMTS
+
+
+ ))}
+
+ NO CONTRIBUTORS DATA.
+
+ )}
+
+
+ Open GitHub
+
+
+
+
+ );
+ }
+
+ return (
+
+ {/* ── header + search row ──────────────────────────────────── */}
+ setSelectedRepo(null)}
+ />
+
+ );
+}
diff --git a/src/components/dashboard/StatCard.tsx b/src/components/dashboard/StatCard.tsx
new file mode 100644
index 0000000..689f4ae
--- /dev/null
+++ b/src/components/dashboard/StatCard.tsx
@@ -0,0 +1,32 @@
+import type { LucideIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+import { motion } from 'framer-motion';
+
+interface StatCardProps {
+ title: string;
+ value: string | number;
+ icon: LucideIcon;
+ colorClass?: string;
+ delay?: number;
+}
+
+export function StatCard({ title, value, icon: Icon, colorClass = "text-github-text", delay = 0 }: StatCardProps) {
+ return (
+
+
+
+ {/* ── category filter bar ──────────────────────────────────── */}
+ + Repositories{" "} + + [{repos.length}] + +
+
+ {/* language dropdown */}
+
+
+
+ {/* custom chevron */}
+
+
+ {/* search input */}
+
+
+
+
+
+
+
+ Filter:
+
+ {CATEGORY_OPTIONS.map((option) => {
+ const isActive = categoryFilter === option.value;
+ const count = option.value
+ ? repos.filter((repo) => {
+ const text = [
+ repo.name || "",
+ repo.description || "",
+ ...(repo.topics || []),
+ ]
+ .join(" ")
+ .toLowerCase();
+ return CATEGORY_KEYWORDS[option.value]?.some((kw) =>
+ text.includes(kw),
+ );
+ }).length
+ : repos.length;
+
+ return (
+
+ );
+ })}
+
+
+
+
+
+
+
+
+
+
+
+ {/* Pagination Controls */}
+ {totalPages > 1 && (
+ | Repository | + toggleSort("stargazers_count")}
+ >
+
+ Stars{" "}
+
+ |
+ toggleSort("forks_count")}
+ >
+
+ Forks{" "}
+
+ |
+ toggleSort("open_issues_count")}
+ >
+
+ Issues{" "}
+
+ |
+ Language | + toggleSort("updated_at")}
+ >
+
+ Last Updated{" "}
+
+ |
+
|---|---|---|---|---|---|
|
+
+ {repo.name}
+
+ {repo.description && (
+ + {repo.description} + + )} + |
+
+
+
+ |
+
+
+
+ |
+
+
+
+ |
+ + {repo.language ? ( + + {repo.language} + + ) : ( + - + )} + | ++ {new Date(repo.updated_at).toLocaleDateString()} + | +
| + No repositories found. + | +
+
+ SHOWING{" "}
+
+ {(currentPage - 1) * ITEMS_PER_PAGE + 1}
+ {" "}
+ TO{" "}
+
+ {Math.min(
+ currentPage * ITEMS_PER_PAGE,
+ filteredAndSortedRepos.length,
+ )}
+ {" "}
+ OF{" "}
+
+ {filteredAndSortedRepos.length}
+
+
+
+ )}
+
+
+
+
+
+
+
+
+ {title}
+{value}
+
+
+