fix(v2): character window now updates live from WebSocket

The CharacterWindow only fetched once from API on mount and never
updated. Now:
- character_stats WS messages are tracked in useLiveData via ref
- Passed through WindowRenderer to CharacterWindow as liveStats prop
- Window uses live WS data when available, falls back to API fetch
- Attributes, skills, vitals base values, properties (augmentations,
  ratings, etc.), allegiance all update in real-time

Also: vitals bars in the character window use live WS vitals data
(health_percentage etc.) for real-time HP/Stamina/Mana display.

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

frontend/src/components/map/MapLayout.tsx

@@ -66,7 +66,8 @@ export const MapLayout: React.FC<Props> = ({ data }) => {
         />
         <WindowRenderer characters={data.characters} chatMessages={data.chatMessages}
           nearbyObjects={data.nearbyObjects} inventoryVersion={data.inventoryVersion}
-          equipmentCantrips={data.equipmentCantrips} socket={data.socketRef.current} />
+          equipmentCantrips={data.equipmentCantrips} characterStats={data.characterStats}
+          socket={data.socketRef.current} />
         <RareNotification recentRares={data.recentRares} />
       </div>
     </WindowManagerProvider>

frontend/src/components/windows/CharacterWindow.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { DraggableWindow } from './DraggableWindow';
 import { apiFetch } from '../../api/client';
 
-interface Props { id: string; charName: string; zIndex: number; vitals?: any; }
+interface Props { id: string; charName: string; zIndex: number; vitals?: any; liveStats?: any; }
 
 // Property ID maps — verbatim from v1 script.js lines 1843-1876
 const TS_AUGMENTATIONS: Record<number, string> = {
@@ -49,15 +49,19 @@ function societyRank(v: number): string {
 const gold = '#af7a30';
 const navy = '#000022';
 
-export const CharacterWindow: React.FC<Props> = ({ id, charName, zIndex, vitals }) => {
-  const [data, setData] = useState<any>(null);
+export const CharacterWindow: React.FC<Props> = ({ id, charName, zIndex, vitals, liveStats }) => {
+  const [fetchedData, setFetchedData] = useState<any>(null);
   const [leftTab, setLeftTab] = useState(0);
   const [rightTab, setRightTab] = useState(0);
 
+  // Initial fetch from API
   useEffect(() => {
-    apiFetch<any>(`/character-stats/${encodeURIComponent(charName)}`).then(setData).catch(() => {});
+    apiFetch<any>(`/character-stats/${encodeURIComponent(charName)}`).then(setFetchedData).catch(() => {});
   }, [charName]);
 
+  // Use live WS data if available (more current), fall back to API fetch
+  const data = liveStats || fetchedData;
+
   const fmt = (n: any) => n != null ? Number(n).toLocaleString() : '\u2014';
   const sd = data?.stats_data || data || {};
   const attrs = sd.attributes || {};

frontend/src/components/windows/WindowRenderer.tsx

@@ -19,10 +19,11 @@ interface Props {
   nearbyObjects: Map<string, any>;
   inventoryVersion: number;
   equipmentCantrips: Map<string, any>;
+  characterStats: Map<string, any>;
   socket: WebSocket | null;
 }
 
-export const WindowRenderer: React.FC<Props> = React.memo(({ characters, chatMessages, nearbyObjects, inventoryVersion, equipmentCantrips, socket }) => {
+export const WindowRenderer: React.FC<Props> = React.memo(({ characters, chatMessages, nearbyObjects, inventoryVersion, equipmentCantrips, characterStats, socket }) => {
   const { windows } = useWindowManager();
 
   return (
@@ -39,7 +40,8 @@ export const WindowRenderer: React.FC<Props> = React.memo(({ characters, chatMes
             return <StatsWindow key={w.id} id={w.id} charName={charName} zIndex={w.zIndex} />;
           case 'char':
             return <CharacterWindow key={w.id} id={w.id} charName={charName} zIndex={w.zIndex}
-                     vitals={characters.get(charName)?.vitals ?? undefined} />;
+                     vitals={characters.get(charName)?.vitals ?? undefined}
+                     liveStats={characterStats.get(charName)} />;
           case 'inv':
             return <InventoryWindow key={w.id} id={w.id} charName={charName} zIndex={w.zIndex}
                      inventoryVersion={inventoryVersion} equipmentCantrips={equipmentCantrips.get(charName)} />;