1(function() {
2  const WS_URL = 'ws://' + window.location.host;
3  let ws = null;
4  let eventQueue = [];
5 
6  function connect() {
7    ws = new WebSocket(WS_URL);
8 
9    ws.onopen = () => {
10      eventQueue.forEach(e => ws.send(JSON.stringify(e)));
11      eventQueue = [];
12    };
13 
14    ws.onmessage = (msg) => {
15      const data = JSON.parse(msg.data);
16      if (data.type === 'reload') {
17        window.location.reload();
18      }
19    };
20 
21    ws.onclose = () => {
22      setTimeout(connect, 1000);
23    };
24  }
25 
26  function sendEvent(event) {
27    event.timestamp = Date.now();
28    if (ws && ws.readyState === WebSocket.OPEN) {
29      ws.send(JSON.stringify(event));
30    } else {
31      eventQueue.push(event);
32    }
33  }
34 
35  // Capture clicks on choice elements
36  document.addEventListener('click', (e) => {
37    const target = e.target.closest('[data-choice]');
38    if (!target) return;
39 
40    sendEvent({
41      type: 'click',
42      text: target.textContent.trim(),
43      choice: target.dataset.choice,
44      id: target.id || null
45    });
46 
47    // Update indicator bar (defer so toggleSelect runs first)
48    setTimeout(() => {
49      const indicator = document.getElementById('indicator-text');
50      if (!indicator) return;
51      const container = target.closest('.options') || target.closest('.cards');
52      const selected = container ? container.querySelectorAll('.selected') : [];
53      if (selected.length === 0) {
54        indicator.textContent = 'Click an option above, then return to the terminal';
55      } else if (selected.length === 1) {
56        const label = selected[0].querySelector('h3, .content h3, .card-body h3')?.textContent?.trim() || selected[0].dataset.choice;
57        indicator.innerHTML = '<span class="selected-text">' + label + ' selected</span> — return to terminal to continue';
58      } else {
59        indicator.innerHTML = '<span class="selected-text">' + selected.length + ' selected</span> — return to terminal to continue';
60      }
61    }, 0);
62  });
63 
64  // Frame UI: selection tracking
65  window.selectedChoice = null;
66 
67  window.toggleSelect = function(el) {
68    const container = el.closest('.options') || el.closest('.cards');
69    const multi = container && container.dataset.multiselect !== undefined;
70    if (container && !multi) {
71      container.querySelectorAll('.option, .card').forEach(o => o.classList.remove('selected'));
72    }
73    if (multi) {
74      el.classList.toggle('selected');
75    } else {
76      el.classList.add('selected');
77    }
78    window.selectedChoice = el.dataset.choice;
79  };
80 
81  // Expose API for explicit use
82  window.brainstorm = {
83    send: sendEvent,
84    choice: (value, metadata = {}) => sendEvent({ type: 'choice', value, ...metadata })
85  };
86 
87  connect();
88})();
89