/**
 * blame.ts — MIDI note tooltip wiring for the blame page.
 *
 * For MIDI blame views, wires mouseenter/mouseleave on .blame2-note elements
 * to show/hide the floating #blame2-tooltip panel.
 *
 * Registered as: window.MusePages['blame']
 */

function initMidiTooltip(): void {
  const tip = document.getElementById('blame2-tooltip');
  if (!tip) return;

  document.querySelectorAll<HTMLElement>('.blame2-note').forEach((note) => {
    note.addEventListener('mouseenter', () => {
      const r = note.getBoundingClientRect();
      tip.innerHTML =
        `<div class="blame2-tip-sha">${note.dataset['sha'] ?? ''}</div>` +
        `<div class="blame2-tip-msg">${note.dataset['msg'] ?? ''}</div>` +
        `<div class="blame2-tip-row"><span>Author</span><span>${note.dataset['author'] ?? ''}</span></div>` +
        `<div class="blame2-tip-row"><span>Pitch</span><span>${note.dataset['pitch'] ?? ''}</span></div>` +
        `<div class="blame2-tip-row"><span>Beat</span><span>${note.dataset['beat'] ?? ''}</span></div>` +
        `<div class="blame2-tip-row"><span>Velocity</span><span>${note.dataset['vel'] ?? ''}</span></div>` +
        `<div class="blame2-tip-row"><span>Duration</span><span>${note.dataset['dur'] ?? ''}</span></div>`;
      tip.removeAttribute('aria-hidden');
      tip.style.display = 'block';
      const tipW = tip.offsetWidth;
      const left = Math.min(r.left + window.scrollX, window.innerWidth - tipW - 12);
      tip.style.left = `${left}px`;
      tip.style.top  = `${r.bottom + window.scrollY + 6}px`;
    });

    note.addEventListener('mouseleave', () => {
      tip.style.display = 'none';
      tip.setAttribute('aria-hidden', 'true');
    });
  });
}

export function initBlame(data: Record<string, unknown>): void {
  if (data['blameType'] === 'midi') {
    initMidiTooltip();
  }
}