Function _addSection

static/js/sections.js:252–281

()

// ─── CRUD ─────────────────────────────────────────────────

function _addSection() {
  const defW = _duration * DEFAULT_WIDTH_FRAC;
  const sorted = [..._sections].sort((a, b) => a.start - b.start);

  // Find first gap ≥ defW
  let start = 0;
  for (const s of sorted) {
    if (s.start - start >= defW) break;
    start = Math.max(start, s.end);
  }

  // Clamp and verify room
  start = Math.min(start, _duration - MIN_SEC);
  if (start < 0) return;
  const end = Math.min(start + defW, _duration);
  if (end - start < MIN_SEC) return;

  // Verify no overlap
  if (_sections.some((s) => start < s.end && end > s.start)) return;

  const color = _nextColor();
  const section = { id: _nextId(), name: "Section", start, end, color };
  _sections.push(section);
  _render();
  _scheduleSave();

  // Open rename immediately
  const el = _container?.querySelector(`[data-id="${section.id}"]`);
  if (el) _openRename(section.id, el.querySelector(".section-label"));
}

function _deleteSection(id) {
  _sections = _sections.filter((s) => s.id !== id);