Mana-Loop/docs/task2_spiretab_context.md

Task 3: SpireTab Overhaul - Context

Task Description

Feature Rework from task2.md

Requirements:

1. 'Climb the Spire': Create an entry button navigating to a dedicated, locked "Spire Mode."
2. Exit Condition: Player must "climb down" to exit.
3. Persistent UI: Only ManaDisplay and CalendarDisplay remain. Display Spire info and Golems.

Current Implementation:

• SpireTab component is in /home/user/repos/Mana-Loop/src/components/game/SpireTab.tsx
• Currently shows Spire-related content in the main game UI
• Game state/progression managed in src/lib/game/store.ts

What Needs To Be Done:

1. Read src/components/game/SpireTab.tsx to understand current implementation
2. Create a "Climb the Spire" button that enters a new "Spire Mode"
3. Implement Spire Mode as a separate UI state:
   • Only show ManaDisplay, CalendarDisplay, Spire info, and Golems
   • Hide all other UI elements
4. Add an "Climb Down" button to exit Spire Mode and return to normal game
5. The Spire Mode should be "locked" until the player chooses to enter it
6. Test the implementation
7. Commit with message: "Task 2: SpireTab Overhaul - add Climb the Spire button, implement Spire Mode with exit condition"

Key Files To Examine:

• src/components/game/SpireTab.tsx - main component to modify
• src/components/game/ManaDisplay.tsx - needs to remain visible in Spire Mode
• src/components/game/CalendarDisplay.tsx - needs to remain visible in Spire Mode
• src/lib/game/store.ts - manage Spire Mode state

Implementation Notes:

• Consider adding a spireMode: boolean state to the game store
• Spire Mode is a simplified UI - only essential info
• "Climb the Spire" button should be in SpireTab
• "Climb Down" button should be visible in Spire Mode to exit