feat: Add player profile performance charts and visualizations

Implemented comprehensive performance analysis for player profiles with interactive charts
and detailed statistics visualization.

Key Features:
- Performance Trend Chart (K/D and KAST over last 15 matches)
- Map Performance Chart (win rate per map with color coding)
- Utility Effectiveness Stats (flash assists, enemies blinded, HE/flame damage)
- Responsive charts using Chart.js LineChart and BarChart components

Technical Updates:
- Enhanced page loader to fetch 15 detailed matches with player stats
- Fixed DataTable Svelte 5 compatibility and type safety
- Updated MatchCard and PlayerCard to use PlayerMeta properties
- Proper error handling and typed data structures

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-04 21:49:36 +01:00
parent 274f5b3b53
commit 8b73a68a6b
6 changed files with 328 additions and 96 deletions

View File

@@ -54,13 +54,13 @@
{/if}
</div>
<!-- Result Badge -->
<!-- Result Badge (inferred from score) -->
<div class="mt-3 flex justify-center">
{#if match.match_result === 0}
{#if match.score_team_a === match.score_team_b}
<Badge variant="warning" size="sm">Tie</Badge>
{:else if match.match_result === 1}
{:else if match.score_team_a > match.score_team_b}
<Badge variant="success" size="sm">Team A Win</Badge>
{:else if match.match_result === 2}
{:else}
<Badge variant="error" size="sm">Team B Win</Badge>
{/if}
</div>