/**
 * main.js
 * Application entry point.
 *
 * Responsibilities:
 *  - Instantiate all controllers
 *  - Wire the settings button to the modal
 *  - Kick off the gradient and evolution system
 *
 * Keep this file thin — business logic lives in the controllers.
 */

import { GradientController }       from './gradient.js';
import { ModalController }          from './modal.js';
import { SettingsController }       from './settings.js';
import { EvolutionController }      from './evolution.js';
import { GuideController }          from './guide.js';
import { LogoController }           from './logoController.js';
import { PopulationPanelController } from './populationPanel.js';
import { DEFAULTS }                 from './constants.js';

// ── Initialise controllers ─────────────────────────────────
const gradient   = new GradientController();
const modal      = new ModalController();
const evolution  = new EvolutionController();
const guide      = new GuideController();
const population = new PopulationPanelController();

// SettingsController bridges UI → gradient + evolution
const settings   = new SettingsController(gradient, evolution);

// ── Wire up settings button ────────────────────────────────
document.getElementById('settingsBtn').addEventListener('click', (e) => {
  modal.open(/** @type {HTMLElement} */ (e.currentTarget));
});

// ── Wire up evolution guide ────────────────────────────────
guide.init(evolution);

// ── Boot gradient ──────────────────────────────────────────
gradient.init(DEFAULTS.GRADIENT_COLOR);

// Apply saved settings after gradient has set its defaults
settings.loadSaved();

// ── Boot logo + evolution + population panel ───────────────
// Sequence: evolution.init() → reads localStorage (populates savedLogoState)
//           logo.init(savedLogoState) → mounts letters, restores state
//           setLogoController(logo)  → arms per-tick calls
//           population.init(evolution) → icons data is available now
const logo      = new LogoController();
const container = document.getElementById('evolutionContainer');

evolution.init(container)
  .then(() => logo.init(container, evolution.savedLogoState))
  .then(() => {
    evolution.setLogoController(logo);
    settings.setLogoController(logo);
    population.init(evolution);
  });