Method init

frontend/src/webview-client/tutorial.ts:81–111

* Initialize and show tutorial if needed

()

     * Initialize and show tutorial if needed
     */
    init(): void {
        this.overlay = document.getElementById('tutorialOverlay');
        this.content = document.getElementById('tutorialContent');
        this.dots = document.getElementById('tutorialDots');
        this.prevBtn = document.getElementById('tutorialPrev');
        this.nextBtn = document.getElementById('tutorialNext');
        this.skipBtn = document.getElementById('tutorialSkip');

        if (!this.overlay || !this.content || !this.dots || !this.prevBtn || !this.nextBtn || !this.skipBtn) {
            return;
        }

        // Set up event listeners
        this.prevBtn.addEventListener('click', () => this.prev());
        this.nextBtn.addEventListener('click', () => this.next());
        this.skipBtn.addEventListener('click', () => this.complete());

        // Close on overlay click
        this.overlay.addEventListener('click', (e) => {
            if (e.target === this.overlay) {
                this.complete();
            }
        });

        // Close on Escape
        document.addEventListener('keydown', (e) => {
            if (e.key === 'Escape' && this.overlay?.style.display !== 'none') {
                this.complete();
            }
        });
    }

    /**
     * Show the tutorial