/** Main entry point — wires all modules together. */

import { initAuth, authToken, startLogin } from './auth.js';
import { initTrace, addTrace, clearTrace } from './trace.js';
import { initChat, clearChat } from './chat.js';
import { clearDashboard } from './dashboard.js';
import { clearNodes } from './awareness.js';
import { initGraph } from './graph.js';
import { connect } from './ws.js';

// Init on load
window.addEventListener('load', async () => {
  initTrace();
  initChat();
  await initGraph();
  await initAuth(() => {
    connect();
    loadGraphSwitcher();
  });
});

// Clear session
window.clearSession = async () => {
  try {
    const headers = { 'Content-Type': 'application/json' };
    if (authToken) headers['Authorization'] = 'Bearer ' + authToken;
    await fetch('/api/clear', { method: 'POST', headers });
    clearChat();
    clearTrace();
    clearDashboard();
    clearNodes();
    addTrace('runtime', 'cleared', 'session reset');
  } catch (e) {
    addTrace('runtime', 'error', 'clear failed: ' + e);
  }
};

// Graph switcher — loads available graphs and shows buttons in top bar
async function loadGraphSwitcher() {
  const container = document.getElementById('graph-switcher');
  if (!container) { console.error('[main] no #graph-switcher'); return; }
  try {
    const headers = {};
    if (authToken) headers['Authorization'] = 'Bearer ' + authToken;
    const r = await fetch('/api/graph/list', { headers });
    if (!r.ok) { console.error('[main] graph/list failed:', r.status); return; }
    const data = await r.json();
    const graphs = data.graphs || data || [];
    console.log('[main] graphs:', graphs.length);

    // Get current active graph
    let activeGraph = '';
    try {
      const ar = await fetch('/api/graph/active', { headers });
      if (ar.ok) {
        const ag = await ar.json();
        activeGraph = ag.name || '';
      }
    } catch (e) {}

    container.innerHTML = graphs.map(g => {
      const active = g.name === activeGraph;
      return `<button class="btn-graph${active ? ' active' : ''}" onclick="switchGraph('${g.name}')" title="${g.description}">${g.name}</button>`;
    }).join('');
  } catch (e) {}
}

window.switchGraph = async (name) => {
  try {
    const headers = { 'Content-Type': 'application/json' };
    if (authToken) headers['Authorization'] = 'Bearer ' + authToken;
    await fetch('/api/graph/switch', {
      method: 'POST', headers,
      body: JSON.stringify({ name }),
    });
    addTrace('runtime', 'graph_switch', name);
    clearChat();
    clearTrace();
    clearDashboard();
    clearNodes();
    addTrace('runtime', 'switched', `graph: ${name}`);
    await initGraph();
    loadGraphSwitcher();
  } catch (e) {
    addTrace('runtime', 'error', 'switch failed: ' + e);
  }
};

// Login
window.startLogin = startLogin;