Android build v1.1.9

src/App.tsx

@@ -25,6 +25,7 @@ import { barFillStyle } from './components/barStyles'
 const CombatScreen = lazy(() => import('./components/CombatScreen').then((module) => ({ default: module.CombatScreen })))
 const CustomizeScreen = lazy(() => import('./components/CustomizeScreen').then((module) => ({ default: module.CustomizeScreen })))
 const EquipmentScreen = lazy(() => import('./components/EquipmentScreen').then((module) => ({ default: module.EquipmentScreen })))
+const HunterProfileScreen = lazy(() => import('./components/HunterProfileScreen').then((module) => ({ default: module.HunterProfileScreen })))
 const PvPRoguelikeScreen = lazy(() => import('./components/PvpRoguelikeScreen').then((module) => ({ default: module.PvPRoguelikeScreen })))
 const PvpStadiumScreen = lazy(() => import('./components/PvpStadiumScreen').then((module) => ({ default: module.PvpStadiumScreen })))
 const TalentScreen = lazy(() => import('./components/TalentScreen').then((module) => ({ default: module.TalentScreen })))
@@ -39,6 +40,7 @@ type Screen =
   | 'pvp'
   | 'customize'
   | 'equipment'
+  | 'hunter-profile'
   | 'talents'
   | 'settings'
 
@@ -52,6 +54,7 @@ const MENU_ITEMS: Array<{
   { screen: 'raids', label: 'Raids', glyph: 'R', description: 'Guide an eighteen-player party through three-phase challenges.' },
   { screen: 'roguelike', label: 'Roguelike', glyph: 'L', description: 'Draft upgrades through escalating random encounters.' },
   { screen: 'pvp', label: 'PvP', glyph: 'P', description: 'Race another healer through roguelike encounters with buffs and sabotage.' },
+  { screen: 'hunter-profile', label: 'Hunter Profile', glyph: 'H', description: 'Review boss kills, PvP record, drops, and pets.' },
   { screen: 'customize', label: 'Customize Character', glyph: 'C', description: 'Choose your class and prepare a six-ability loadout.' },
   { screen: 'settings', label: 'Settings', glyph: 'S', description: 'Remap PC and controller inputs.' },
 ]
@@ -457,26 +460,28 @@ function App() {
 
   return (
     <main className={`game-shell ${screen === 'dungeons' || screen === 'raids' ? 'dungeon-shell' : ''} ${screen === 'customize' ? 'workshop-shell' : ''} ${screen === 'settings' ? 'settings-shell' : ''}`}>
-      <header className="topbar app-header">
-        <button
-          className="brand-button"
-          onClick={() => setScreen('menu')}
-          type="button"
-        >
-          <strong>Menu</strong>
-        </button>
-        <div className="character-summary">
-          <strong>{profile.character.name}</strong>
-          <small>Level {profile.character.level}</small>
-          <small>Item Level {profile.gearStats.averageItemLevel.toFixed(1)}</small>
-          <div className="header-xp" title={`${profile.character.experience} total experience`}>
-            <span style={barFillStyle(experiencePercent)} />
-          </div>
-          <button className="logout-button" onClick={signOut} type="button">
-            {gameMode === 'offline' ? 'Leave Offline' : `Sign Out ${account.username}`}
+      {screen !== 'hunter-profile' && (
+        <header className="topbar app-header">
+          <button
+            className="brand-button"
+            onClick={() => setScreen('menu')}
+            type="button"
+          >
+            <strong>Menu</strong>
           </button>
-        </div>
-      </header>
+          <div className="character-summary">
+            <strong>{profile.character.name}</strong>
+            <small>Level {profile.character.level}</small>
+            <small>Item Level {profile.gearStats.averageItemLevel.toFixed(1)}</small>
+            <div className="header-xp" title={`${profile.character.experience} total experience`}>
+              <span style={barFillStyle(experiencePercent)} />
+            </div>
+            <button className="logout-button" onClick={signOut} type="button">
+              {gameMode === 'offline' ? 'Leave Offline' : `Sign Out ${account.username}`}
+            </button>
+          </div>
+        </header>
+      )}
 
       {screen === 'menu' && (
         <section className="menu-screen">
@@ -1091,6 +1096,13 @@ function App() {
           />
         )}
 
+        {screen === 'hunter-profile' && (
+          <HunterProfileScreen
+            profile={profile}
+            onBack={() => setScreen('menu')}
+          />
+        )}
+
         {screen === 'settings' && (
           <SettingsScreen onBack={() => setScreen('menu')} />
         )}