Function createMappingSection

src/ui/template.js:143–197

* Create the mapping section (top goal + builtins list) * @returns {HTMLElement}

()

 * @returns {HTMLElement}
 */
function createMappingSection() {
  const mapping = document.createElement('div');
  mapping.className = 'mapping';

  const goalRow = document.createElement('div');
  goalRow.className = 'row';
  const strong = document.createElement('strong');
  strong.textContent = 'Top goal:';
  goalRow.appendChild(strong);
  goalRow.appendChild(document.createTextNode(' '));
  const code = document.createElement('code');
  code.textContent = 'event(Voice, Pitch, Vel, T).';
  goalRow.appendChild(code);
  mapping.appendChild(goalRow);

  const builtinsDiv = document.createElement('div');
  builtinsDiv.className = 'builtins';

  const builtinsTitle = document.createElement('div');
  builtinsTitle.className = 'builtins-title';
  builtinsTitle.textContent = 'Built-ins:';
  builtinsDiv.appendChild(builtinsTitle);

  const builtinsGrid = document.createElement('div');
  builtinsGrid.className = 'builtins-grid';

  const builtinsList = [
    'beat(T, N)', 'phase(T, N, K)', 'every(T, Step)', 'prob(P)',
    'choose(List, X)', 'pick(List, X)', 'cycle(List, X)', 'range(Start, End, Step, X)',
    'rand(Min, Max, X)', 'randint(Min, Max, X)', 'eq(A,B)', 'add(A,B,C)',
    'euc(T, K, N, B, R)', 'scale(Root, Mode, Degree, Oct, Midi)', 'chord(Root, Quality, Oct, Midi)',
    'transpose(Note, Offset, Out)', 'rotate(List, Shift, OutList)', 'lt(A,B)', 'gt(A,B)',
    'within(T, Start, End)', 'distinct(List)', 'cooldown(Now, Last, Gap)'
  ];

  builtinsList.forEach(builtin => {
    const code = document.createElement('code');
    code.textContent = builtin;
    builtinsGrid.appendChild(code);
  });

  builtinsDiv.appendChild(builtinsGrid);
  mapping.appendChild(builtinsDiv);

  // Instruments list (moved under built-ins)
  const instrumentsHeader = document.createElement('div');
  instrumentsHeader.className = 'builtins-title';
  instrumentsHeader.textContent = 'Instruments:';
  mapping.appendChild(instrumentsHeader);

  const instrumentsMapping = createInstrumentsSection();
  mapping.appendChild(instrumentsMapping);

  return mapping;
}

/**
 * Create the instruments section