Function refreshMixerVisuals

static/js/mixer.js:110–155

()

}

export function refreshMixerVisuals() {
  for (const name of TRACK_NAMES) {
    const state = mixerState[name];
    if (!state) continue;
    // Mixer-column lane header
    const row = mixerEl.querySelector(`.lane-header[data-stem="${name}"]`);
    if (row) {
      const muteBtn = row.querySelector(".mute");
      const soloBtn = row.querySelector(".solo");
      if (soloBtn) soloBtn.classList.toggle("active", state.soloed);
      const iconToggle = row.querySelector(".lane-icon-toggle");
      if (iconToggle) {
        iconToggle.classList.toggle("active", !state.muted);
        iconToggle.setAttribute("aria-pressed", String(!state.muted));
      }
      row.classList.toggle("muted", state.muted);
      const knob = row.querySelector(".lane-knob");
      if (knob) updateLaneKnobVisual(knob, state.volume);
    }
    // Stems-list panel row (mirrors the mixer column buttons)
    if (stemListEl) {
      const slRow = stemListEl.querySelector(`span[data-stem="${name}"]`);
      if (slRow) {
        const m = slRow.querySelector(".stem-mute");
        const s = slRow.querySelector(".stem-solo");
        const mon = slRow.querySelector(".stem-monitor");
        if (m) {
          m.classList.toggle("active", state.muted);
          m.setAttribute("aria-pressed", String(state.muted));
        }
        if (s) {
          s.classList.toggle("active", state.soloed);
          s.setAttribute("aria-pressed", String(state.soloed));
        }
        if (mon) {
          // Active when this stem is THE lone solo (the "monitor" target).
          const others = TRACK_NAMES.filter((n) => n !== name);
          const lone = state.soloed
            && others.every((n) => !mixerState[n]?.soloed);
          mon.classList.toggle("active", lone);
        }
        slRow.classList.toggle("muted", state.muted);
      }
    }
  }
}

export function setLaneControlsEnabled(enabled) {
  for (const b of mixerEl.querySelectorAll(".ms-btn")) b.disabled = !enabled;