Create high scores and agent stats tab #147
Conversation
Co-authored-by: meta.alex.r <meta.alex.r@gmail.com>
|
Cursor Agent can help with this pull request. Just |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| import { Trophy, TrendingUp, Clock, GitPullRequest, Code, Users, Bot, CheckCircle2, XCircle, GitMerge } from "lucide-react"; | ||
| import { cn } from "../utils/cn"; | ||
| import { getAgentFromBranch } from "../utils/prUtils"; |
There was a problem hiding this comment.
The new view imports getAgentFromBranch from ../utils/prUtils, but that module does not export such a function anywhere in the repository. TypeScript will fail to compile with “Module '../utils/prUtils' has no exported member 'getAgentFromBranch'”, so the High Scores tab cannot build or render until either the helper is implemented or the import is removed.
Useful? React with 👍 / 👎.
| import { useState, useEffect, useMemo } from "react"; | ||
| import { useUIStore } from "../stores/uiStore"; | ||
| import { usePRStore } from "../stores/prStore"; | ||
| import { useIssueStore } from "../stores/issueStore"; | ||
| import { Trophy, TrendingUp, Clock, GitPullRequest, Code, Users, Bot, CheckCircle2, XCircle, GitMerge } from "lucide-react"; |
There was a problem hiding this comment.
useEffect, GitPullRequest, CheckCircle2, and XCircle are imported but never referenced in the component. With noUnusedLocals enabled in tsconfig.json, these unused imports cause the TypeScript build to fail immediately. Drop the unused imports or wire them up so the codebase continues to compile.
Useful? React with 👍 / 👎.
| export default function HighScoresView() { | ||
| const { theme } = useUIStore(); | ||
| const { pullRequests, repositories } = usePRStore(); | ||
| const { issues } = useIssueStore(); | ||
| const [selectedTimeRange, setSelectedTimeRange] = useState<"week" | "month" | "quarter" | "all">("month"); | ||
| const [loading, setLoading] = useState(false); |
There was a problem hiding this comment.
The component destructures repositories from usePRStore, issues from useIssueStore, and declares a [loading, setLoading] state, but none of these values are used anywhere in the view. Because the project compiles with noUnusedLocals, these unused variables will trigger compile‑time errors and prevent the application from building. Remove the unused destructuring and state, or integrate them into the UI.
Useful? React with 👍 / 👎.
Add a "High Scores" tab to provide engineering managers with key performance metrics for both human and AI agent contributors.
This tab includes team performance metrics (e.g., merge rate, average merge time, code velocity), a dedicated section for AI agent performance (PRs raised vs. merged), and a leaderboard for top contributors.
Fixes #170