// ─── UI Store ────────────────────────────────────────────────────────────────
// Handles logs, pause state, and UI-specific state

import { create } from 'zustand';

export interface LogEntry {
  message: string;
  timestamp: number;
}

export interface UIState {
  logs: string[];
  paused: boolean;
  gameOver: boolean;
  victory: boolean;
  
  // Actions
  addLog: (message: string) => void;
  clearLogs: () => void;
  togglePause: () => void;
  setPaused: (paused: boolean) => void;
  setGameOver: (gameOver: boolean, victory?: boolean) => void;
  reset: () => void;
  resetUI: () => void;
}

const MAX_LOGS = 50;

export const useUIStore = create<UIState>((set) => ({
  logs: ['✨ The loop begins. You start with Mana Bolt. Gather your strength, mage.'],
  paused: false,
  gameOver: false,
  victory: false,
  
  addLog: (message: string) => {
    set((state) => ({
      logs: [message, ...state.logs.slice(0, MAX_LOGS - 1)],
    }));
  },
  
  clearLogs: () => {
    set({ logs: [] });
  },
  
  togglePause: () => {
    set((state) => ({ paused: !state.paused }));
  },
  
  setPaused: (paused: boolean) => {
    set({ paused });
  },
  
  setGameOver: (gameOver: boolean, victory: boolean = false) => {
    set({ gameOver, victory });
  },
  
  reset: () => {
    set({
      logs: ['✨ The loop begins. You start with Mana Bolt. Gather your strength, mage.'],
      paused: false,
      gameOver: false,
      victory: false,
    });
  },

  resetUI: () => {
    set({
      logs: ['✨ The loop begins. You start with Mana Bolt. Gather your strength, mage.'],
      paused: false,
      gameOver: false,
      victory: false,
    });
  },
}));