feat(v2): Phase 2 — analytics tabs (Combat, Rares, Map, Inventory)

Browse source

Below the character cards grid, adds four tabbed analytics sections:

Combat Tab (Recharts):
- Kills per hour horizontal bar chart (all characters, sorted)
- Total damage session bar chart
- Damage by element pie chart (aggregated across all characters)

Rares Tab:
- Summary cards: total rares, total kills, drop rate (1 in N)
- Recent rare drops timeline (from WebSocket events)
- Rares per character lifetime bar chart

Map Tab:
- Dereth map (dereth_highres.png) with SVG overlay
- Character position dots (green=hunting, yellow=other)
- Hover to see character name + coordinates
- Responsive, maintains aspect ratio

Inventory Tab:
- Cross-character item search with debounced input
- Results table: character, item, type, material, set, workmanship
- Powered by existing /search/items API

All tabs lazy-rendered (only active tab mounts). Horizontal scroll
tab bar on mobile. Dark theme consistent with cards.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

...

This commit is contained in:

Erik 2026-04-12 15:14:50 +02:00

parent 69ead07051

commit 3791c01bf3

11 changed files with 791 additions and 53 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download patch file Download diff file Expand all files Collapse all files

49

static/v2/assets/index-DUtm0DVs.js

View file

File diff suppressed because one or more lines are too long

120

static/v2/assets/index-DytF6DLt.js Normal file

View file

File diff suppressed because one or more lines are too long

2

static/v2/assets/index-Ba_QIbRB.css → static/v2/assets/index-pBHPuybU.css

View file

File diff suppressed because one or more lines are too long