Function showTutorialStep

tutorials.js:273–306

()

// Show current tutorial step
export function showTutorialStep() {
    CarrotDebug.ui(`🎓 showTutorialStep called, currentStep: ${currentStep}`);
    if (!tutorialSteps || tutorialSteps.length === 0) {
        CarrotDebug.error('⚠️ No tutorial steps, closing');
        closeTutorial();
        return;
    }

    const step = tutorialSteps[currentStep];
    const tutorial = tutorials[currentTutorial];

    CarrotDebug.ui(`🎓 Looking for target element: ${step.target}`);
    // Find target element
    const targetElement = document.querySelector(step.target);
    if (!targetElement) {
        CarrotDebug.error(`⚠️ Tutorial target not found: ${step.target}, skipping step`);
        CarrotDebug.ui(`⚠️ Tutorial target not found: ${step.target}, skipping step`);
        // Try next step
        if (currentStep < tutorialSteps.length - 1) {
            currentStep++;
            showTutorialStep();
        } else {
            closeTutorial();
        }
        return;
    }

    CarrotDebug.ui(`✅ Found target element, showing tutorial overlay`);
    // Highlight the target element
    highlightElement(targetElement, step);

    // Show tutorial overlay with step content
    showTutorialOverlay(tutorial, step, targetElement);
}

// Highlight target element
function highlightElement(element, step) {