// ── App Init ──

document.addEventListener('DOMContentLoaded', async () => {
  // Session initialisieren (vor allem anderen)
  await initSession();

  // System Prompt Toggle
  $('#showSystem').addEventListener('change', () => {
    $('#systemPrompt').classList.toggle('visible', $('#showSystem').checked);
  });

  // Buttons
  $('#send').addEventListener('click', sendMessage);
  $('#clearBtn').addEventListener('click', clearChat);
  $('#newSessionBtn').addEventListener('click', createNewSession);

  // Ctrl+Enter
  $('#input').addEventListener('keydown', (e) => {
    if (e.ctrlKey && e.key === 'Enter') sendMessage();
  });

  // Auto-Resize Textarea
  $('#input').addEventListener('input', function () {
    this.style.height = 'auto';
    this.style.height = Math.min(this.scrollHeight, 150) + 'px';
  });

  // History laden
  await loadHistory();
});