setExpanded(!expanded)}>
-
- );
-});
-
-CharacterCard.displayName = 'CharacterCard';
diff --git a/frontend/src/components/CharacterGrid.tsx b/frontend/src/components/CharacterGrid.tsx
deleted file mode 100644
index 36d78c80..00000000
--- a/frontend/src/components/CharacterGrid.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { useMemo } from 'react';
-import { CharacterCard } from './CharacterCard';
-import type { CharacterState } from '../types';
-
-interface Props {
- characters: Map
- {character.name}
- {badge.label}
-
-
- {v ? (
-
-
- ) : (
- Awaiting vitals...
- )}
-
-
-
-
- {t && (
-
- {t?.kills_per_hour ?? '--'}
- kills/hr
-
-
- {t?.kills?.toLocaleString() ?? '--'}
- kills
-
-
- {t?.deaths ?? '0'}
- deaths
-
-
- {t?.onlinetime?.replace(/^00\./, '') ?? '--'}
- uptime
-
-
- {t.ns?.toFixed(1)}N, {t.ew?.toFixed(1)}E
-
- )}
-
- {expanded && (
-
- {v?.vitae ?
- )}
- Vitae: {v.vitae}%
: null}
-
- Prismatics: {t?.prismatic_taper_count ?? '--'}
- Total Deaths: {t?.total_deaths ?? '--'}
-
- {c?.session && (
-
- Session Dmg: {c.session.total_damage_given?.toLocaleString()}
- Session Kills: {c.session.total_kills}
-
- )}
-
- RAM: {t?.mem_mb ? (t.mem_mb / 1048576).toFixed(0) + ' MB' : '--'}
- CPU: {t?.cpu_pct?.toFixed(1) ?? '--'}%
-
- No active characters
;
- }
-
- return (
-
- {sorted.map(ch => (
-
- );
-};
diff --git a/frontend/src/components/GlobalStats.tsx b/frontend/src/components/GlobalStats.tsx
deleted file mode 100644
index 76d8e472..00000000
--- a/frontend/src/components/GlobalStats.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import type { ServerHealth } from '../types';
-
-interface Props {
- activeChars: number;
- totalKills: number;
- totalRares: number;
- serverHealth: ServerHealth | null;
-}
-
-export const GlobalStats: React.FC
-
- );
-};
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
deleted file mode 100644
index 154bd488..00000000
--- a/frontend/src/components/Layout.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-
-interface Props {
- children: React.ReactNode;
-}
-
-export const Layout: React.FC
- {activeChars}
- Active Characters
-
-
- {totalKills.toLocaleString()}
- Total Kills
-
-
- {totalRares}
- Total Rares
-
-
-
- {serverHealth?.latency_ms ?? '--'}ms
- Coldeve
-
-
-
-
-
- {children}
-
-
- );
-};
diff --git a/frontend/src/components/VitalBar.tsx b/frontend/src/components/VitalBar.tsx
deleted file mode 100644
index ae1a3f12..00000000
--- a/frontend/src/components/VitalBar.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-
-interface Props {
- label: string;
- current: number;
- max: number;
- color: string;
- bgColor: string;
-}
-
-export const VitalBar: React.FCMosswart Overlord
-
- {label}
-
- );
-});
-
-VitalBar.displayName = 'VitalBar';
diff --git a/frontend/src/components/effects/DeathNotification.tsx b/frontend/src/components/effects/DeathNotification.tsx
new file mode 100644
index 00000000..0644f6df
--- /dev/null
+++ b/frontend/src/components/effects/DeathNotification.tsx
@@ -0,0 +1,71 @@
+import React, { useEffect, useState, useRef } from 'react';
+
+interface DeathAlert {
+ character_name: string;
+ vitae: number;
+ timestamp: string;
+}
+
+interface Props {
+ deathAlerts: DeathAlert[];
+}
+
+interface ActiveNotification {
+ key: number;
+ alert: DeathAlert;
+ exiting: boolean;
+}
+
+let deathKey = 0;
+
+export const DeathNotification: React.FC
-
-
- {current}/{max}
-
+ {active.map(n => (
+
+ );
+};
diff --git a/frontend/src/components/map/MapLayout.tsx b/frontend/src/components/map/MapLayout.tsx
index c14d0caf..fd6a4092 100644
--- a/frontend/src/components/map/MapLayout.tsx
+++ b/frontend/src/components/map/MapLayout.tsx
@@ -5,6 +5,7 @@ import { MapView } from './MapView';
import { Sidebar } from './Sidebar';
import { WindowRenderer } from '../windows/WindowRenderer';
import { RareNotification } from '../effects/RareNotification';
+import { DeathNotification } from '../effects/DeathNotification';
import { usePlayerColors } from '../../hooks/usePlayerColors';
import type { DashboardState } from '../../hooks/useLiveData';
@@ -69,6 +70,7 @@ export const MapLayout: React.FC
+
+ ))}
+ ☠️ CHARACTER DIED ☠️
+ {n.alert.character_name}
+ Vitae: {n.alert.vitae}%
+
-
- );
-};
diff --git a/frontend/src/components/tabs/InventoryTab.tsx b/frontend/src/components/tabs/InventoryTab.tsx
deleted file mode 100644
index 00315694..00000000
--- a/frontend/src/components/tabs/InventoryTab.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, { useState, useCallback, useRef } from 'react';
-import { apiFetch } from '../../api/client';
-
-interface SearchResult {
- character_name: string;
- item_name: string;
- type?: string;
- arcanelore?: string;
- material?: string;
- set_name?: string;
- workmanship?: number;
- value?: number;
-}
-
-interface SearchResponse {
- results: SearchResult[];
- total: number;
- query: string;
-}
-
-export const InventoryTab: React.FC = () => {
- const [query, setQuery] = useState('');
- const [results, setResults] = useState
-
-
- [v.toLocaleString(), 'Kills/hr']}
- labelFormatter={(l, payload) => payload?.[0]?.payload?.fullName || l}
- />
-
-
-
-
- {damageData.length > 0 && (
- Kills per Hour
-
-
-
- [v.toLocaleString(), 'Damage']}
- labelFormatter={(l, payload) => payload?.[0]?.payload?.fullName || l}
- />
-
-
-
- )}
-
- {elementData.length > 0 && (
- Total Damage (Session)
-
-
-
- `${name} ${(percent * 100).toFixed(0)}%`}
- labelLine={true}
- fontSize={12}
- >
- {elementData.map((d) => (
- |
- ))}
-
- v.toLocaleString()}
- />
-
-
-
-
- )}
- Damage by Element (All Characters)
-
-
- );
-};
diff --git a/frontend/src/components/tabs/MapTab.tsx b/frontend/src/components/tabs/MapTab.tsx
deleted file mode 100644
index 816a68f8..00000000
--- a/frontend/src/components/tabs/MapTab.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React, { useMemo, useRef, useState, useCallback } from 'react';
-import type { CharacterState } from '../../types';
-
-interface Props {
- characters: Map
-
- {loading && Searching...}
-
-
- {total > 0 && (
- {total.toLocaleString()} results
- )}
-
-
- {results.length === 0 && query.length >= 2 && !loading && (
-
-
-
-
- No items found
- )}
- | Character | -Item | -Type | -Material | -Set | -Work | -
|---|---|---|---|---|---|
| {r.character_name} | -{r.item_name} | -{r.type || ''} | -{r.material || ''} | -{r.set_name || ''} | -{r.workmanship || ''} | -
-
- );
-};
diff --git a/frontend/src/components/tabs/RaresTab.tsx b/frontend/src/components/tabs/RaresTab.tsx
deleted file mode 100644
index 1ffa6ea5..00000000
--- a/frontend/src/components/tabs/RaresTab.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React, { useMemo } from 'react';
-import {
- BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer,
-} from 'recharts';
-import type { CharacterState, RareMessage } from '../../types';
-
-interface Props {
- characters: Map
- 
-
-
-
-
-
- Hunting/Combat
- Other state
- {dots.length} characters on map
-
-
- {/* Summary stats */}
-
- );
-};
diff --git a/frontend/src/components/tabs/TabContainer.tsx b/frontend/src/components/tabs/TabContainer.tsx
deleted file mode 100644
index fe0d7759..00000000
--- a/frontend/src/components/tabs/TabContainer.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React, { useState } from 'react';
-
-interface Tab {
- id: string;
- label: string;
- content: React.ReactNode;
-}
-
-interface Props {
- tabs: Tab[];
-}
-
-export const TabContainer: React.FC
-
-
- {/* Recent rare drops */}
- {recentRares.length > 0 && (
-
- {totalRares}
- Total Rares Found
-
-
- {totalKills.toLocaleString()}
- Total Kills
-
-
- {killsPerRare > 0 ? `1 in ${killsPerRare.toLocaleString()}` : '--'}
- Drop Rate
-
-
-
- )}
-
- {/* Rares per character */}
- {raresData.length > 0 && (
- Recent Rare Drops (This Session)
-
- {recentRares.map((r, i) => (
-
-
- {new Date(r.timestamp).toLocaleTimeString()}
- {r.character_name}
- {r.name}
-
- ))}
-
-
-
- [v, 'Rares']}
- labelFormatter={(l, payload) => payload?.[0]?.payload?.fullName || l}
- />
-
-
-
- )}
- Rares per Character (Lifetime)
-
-
- );
-};
diff --git a/frontend/src/contexts/MapTransformContext.tsx b/frontend/src/contexts/MapTransformContext.tsx
deleted file mode 100644
index ba5c3686..00000000
--- a/frontend/src/contexts/MapTransformContext.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React, { createContext, useContext, useReducer, type Dispatch } from 'react';
-
-interface MapTransform {
- scale: number;
- offX: number;
- offY: number;
-}
-
-type Action =
- | { type: 'SET'; scale: number; offX: number; offY: number }
- | { type: 'ZOOM'; factor: number; cx: number; cy: number }
- | { type: 'PAN'; dx: number; dy: number };
-
-const MAX_ZOOM = 20;
-const MIN_ZOOM = 0.3;
-
-function reducer(state: MapTransform, action: Action): MapTransform {
- switch (action.type) {
- case 'SET':
- return { scale: action.scale, offX: action.offX, offY: action.offY };
- case 'ZOOM': {
- const newScale = Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, state.scale * action.factor));
- const ratio = newScale / state.scale;
- return {
- scale: newScale,
- offX: action.cx - (action.cx - state.offX) * ratio,
- offY: action.cy - (action.cy - state.offY) * ratio,
- };
- }
- case 'PAN':
- return { ...state, offX: state.offX + action.dx, offY: state.offY + action.dy };
- default:
- return state;
- }
-}
-
-const Ctx = createContext<{ transform: MapTransform; dispatch: Dispatch
- {tabs.map(tab => (
-
- ))}
-
-
- {tabs.find(t => t.id === activeTab)?.content}
-
-