frontend/static/app.js

// app.js — punto de entrada del frontend: inicializa la pantalla de Sofía
// (chat, canciones/cuentos y el juego de "aprender", todo inline, ver
// sofia.js) y el overlay del panel de padres.

import { initSofia } from "./sofia.js";
import { initParental } from "./parental.js";

initParental();

function showOverlay({ name }) {
  document.getElementById(`overlay-${name}`)?.classList.add("show");
}

function hideOverlay(overlay) {
  overlay.classList.remove("show");
}

document.querySelectorAll(".overlay-close").forEach((btn) => {
  btn.addEventListener("click", () => hideOverlay(btn.closest(".overlay")));
});

window.addEventListener("lumi:open-overlay", (e) => showOverlay(e.detail));

initSofia();