From 43bb53e0b4b6efddcf746e25e9656d35557c9ad4 Mon Sep 17 00:00:00 2001
From: n8n-gitea <n8n-gitea@anexim.local>
Date: Wed, 10 Jun 2026 13:12:48 +0200
Subject: [PATCH] fix: remove misleading Floor HP bar from SpireHeader, keep
 guardian name display

---
 docs/circular-deps.txt                        |  2 +-
 docs/dependency-graph.json                    |  2 +-
 .../tabs/SpireCombatPage/SpireCombatPage.tsx  |  6 -----
 .../game/tabs/SpireCombatPage/SpireHeader.tsx | 27 ++++---------------
 4 files changed, 7 insertions(+), 30 deletions(-)

diff --git a/docs/circular-deps.txt b/docs/circular-deps.txt
index ecf59da..35889bb 100644
--- a/docs/circular-deps.txt
+++ b/docs/circular-deps.txt
@@ -1,5 +1,5 @@
 # Circular Dependencies
-Generated: 2026-06-10T10:55:43.303Z
+Generated: 2026-06-10T11:09:41.397Z
 Found: 3 circular chain(s) — these MUST be fixed before modifying involved files.
 
 1. 1) stores/golem-combat-actions.ts > stores/golem-combat-helpers.ts
diff --git a/docs/dependency-graph.json b/docs/dependency-graph.json
index 2b54849..079375f 100644
--- a/docs/dependency-graph.json
+++ b/docs/dependency-graph.json
@@ -1,6 +1,6 @@
 {
   "_meta": {
-    "generated": "2026-06-10T10:55:41.273Z",
+    "generated": "2026-06-10T11:09:38.970Z",
     "description": "Import dependency graph for src/lib/game. Keys are files, values are arrays of files they import.",
     "usage": "To find what a file affects, search for its path in the VALUES. To find what a file depends on, look at its KEY entry."
   },
diff --git a/src/components/game/tabs/SpireCombatPage/SpireCombatPage.tsx b/src/components/game/tabs/SpireCombatPage/SpireCombatPage.tsx
index 40d41d8..4d250a1 100644
--- a/src/components/game/tabs/SpireCombatPage/SpireCombatPage.tsx
+++ b/src/components/game/tabs/SpireCombatPage/SpireCombatPage.tsx
@@ -54,8 +54,6 @@ export function SpireCombatPage() {
   // ─── Spec: read room-aware state from combat store ───────────────────────
   const {
     currentFloor,
-    floorHP,
-    floorMaxHP,
     castProgress,
     isDescending,
     currentRoom,
@@ -74,8 +72,6 @@ export function SpireCombatPage() {
     stayLongerInRoom,
   } = useCombatStore(useShallow((s) => ({
     currentFloor: s.currentFloor,
-    floorHP: s.floorHP,
-    floorMaxHP: s.floorMaxHP,
     castProgress: s.castProgress,
     isDescending: s.isDescending,
     currentRoom: s.currentRoom,
@@ -148,8 +144,6 @@ export function SpireCombatPage() {
           <div className="lg:col-span-2">
             <SpireHeader
               currentFloor={currentFloor}
-              floorHP={floorHP}
-              floorMaxHP={floorMaxHP}
               roomsCleared={currentRoomIndex}
               totalRooms={roomsPerFloor}
               onClimbUp={handleClimbUp}
diff --git a/src/components/game/tabs/SpireCombatPage/SpireHeader.tsx b/src/components/game/tabs/SpireCombatPage/SpireHeader.tsx
index 7c2d194..aac188e 100644
--- a/src/components/game/tabs/SpireCombatPage/SpireHeader.tsx
+++ b/src/components/game/tabs/SpireCombatPage/SpireHeader.tsx
@@ -11,8 +11,6 @@ import { DebugName } from '@/components/game/debug/debug-context';
 
 interface SpireHeaderProps {
   currentFloor: number;
-  floorHP: number;
-  floorMaxHP: number;
   roomsCleared: number;
   totalRooms: number;
   onClimbUp: () => void;
@@ -23,8 +21,6 @@ interface SpireHeaderProps {
 
 export function SpireHeader({
   currentFloor,
-  floorHP,
-  floorMaxHP,
   roomsCleared,
   totalRooms,
   onClimbUp,
@@ -41,7 +37,6 @@ export function SpireHeader({
 
   const guardian = getGuardianForFloor(currentFloor);
   const isGuardian = isGuardianFloor(currentFloor);
-  const hpPercent = floorMaxHP > 0 ? (floorHP / floorMaxHP) * 100 : 100;
   const roomProgress = totalRooms > 0 ? ((roomsCleared) / totalRooms) * 100 : 0;
   const isAscending = climbDirection === 'up';
 
@@ -118,24 +113,12 @@ export function SpireHeader({
           </div>
         </div>
 
-        {/* Floor HP bar */}
-        <div>
-          <div className="flex items-center justify-between text-xs mb-1">
-            <span className={isGuardian ? 'text-red-400 font-semibold' : 'text-gray-400'}>
-              {isGuardian && guardian ? `🛡️ ${guardian.name}` : 'Floor HP'}
-            </span>
-            <span className="text-gray-500">
-              {fmt(floorHP)} / {fmt(floorMaxHP)}
-            </span>
+        {/* Guardian name display */}
+        {isGuardian && guardian && (
+          <div className="text-xs text-red-400 font-semibold">
+            🛡️ {guardian.name}
           </div>
-          <Progress
-            value={hpPercent}
-            className="h-3 bg-gray-800"
-            style={{
-              '--progress-bg': isGuardian ? '#EF4444' : '#F59E0B',
-            } as React.CSSProperties}
-          />
-        </div>
+        )}
 
         {/* Room progress */}
         <div>