SawatoMosswartsEnjoyersClub/MosswartOverlord
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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

4
static/v2/index.html
View file

@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mosswart Overlord v2</title>
<link rel="icon" type="image/png" href="/icons/7735.png" />
<script type="module" crossorigin src="/v2/assets/index-DUtm0DVs.js"></script>
<link rel="stylesheet" crossorigin href="/v2/assets/index-Ba_QIbRB.css">
<script type="module" crossorigin src="/v2/assets/index-DytF6DLt.js"></script>
<link rel="stylesheet" crossorigin href="/v2/assets/index-pBHPuybU.css">
</head>
<body>
<div id="root"></div>