
Overview
Every contributor mention across the dashboard is interactive. The hover card pulls live data from the contributor’s GitHub profile and their activity within the repository, displaying it in a compact overlay anchored to the element you hovered.Information Displayed
Each hover card shows:- Avatar and Username: GitHub profile picture and handle
- Contribution Stats: Total PRs opened, commits merged, and code reviews submitted
- Recent Activity: Date of the contributor’s last contribution
- Primary Language: The programming language they use most in this repository
- GitHub Link: Direct link to their GitHub profile
Where Hover Cards Appear
Hover cards are available on every contributor reference in the dashboard:- Contributor lists: The main contributors view on any repository page
- PR activity feeds: Author and reviewer names in feed items
- Lottery factor analysis: Contributor names in the risk breakdown table
- Distribution charts: Labels on pie and bar chart segments
- Any contributor mention: Username text anywhere in the UI
Interaction Model
| Action | Result |
|---|---|
| Hover over avatar or username | Card appears after 500ms |
| Click username in card | Opens GitHub profile in new tab |
| Move cursor away | Card dismisses |
| Click outside the card | Card dismisses |
Press ESC | Card closes immediately |
Viewport Positioning
Cards position themselves to stay fully visible regardless of where the trigger element sits on screen. If a contributor appears near the right edge, the card opens to the left. Near the bottom, it opens upward. This keeps the card content readable without scrolling.Usage Example
Navigate to any tracked repository and open the Contributors tab:openSauced/pizza-cli: