Method showStep

src/tutorial/tutorialOverlay.js:128–155

* Show specific tutorial step * @param {number} stepIndex

(stepIndex)

   * @param {number} stepIndex
   */
  showStep(stepIndex) {
    const step = tutorialSteps[stepIndex];
    if (!step) {
      this.manager.complete();
      return;
    }

    // Update title and progress
    this.titleElement.textContent = step.title;
    this.progressElement.textContent = `${stepIndex + 1} / ${tutorialSteps.length}`;

    // Update content (allow HTML for code tags)
    this.contentElement.innerHTML = step.content;

    // Update action
    this.actionElement.innerHTML = `<strong>→</strong> ${step.action}`;

    // Update navigation buttons
    this.prevBtn.disabled = stepIndex === 0;

    const isLastStep = stepIndex === tutorialSteps.length - 1;
    this.nextBtn.textContent = isLastStep ? 'Finish' : 'Next';

    // Show overlay if hidden
    if (!this.visible) {
      this.show();
    }
  }

  /**
   * Load current step's code into editor