// ==UserScript==
// @name         Medium Member Bypass
// @license      GPL-3.0-or-later
// @namespace    http://tampermonkey.net/
// @version      14.2.1
// @author       UniverseDev
// @description  Modern Medium GUI with multiple bypass services.
// @match        *://*/*
// @match        *://medium.com/*
// @match        *://*.medium.com/*
// @match        https://freedium.cfd/*
// @match        https://readmedium.com/*
// @match        https://md.vern.cc/*
// @match        https://medium.rest/*
// @match        https://archive.is/*
// @match        https://archive.li/*
// @match        https://archive.vn/*
// @match        https://archive.ph/*
// @match        https://archive.fo/*
// @match        https://archive.md/*
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// @downloadURL none
// ==/UserScript==

(() => {
    'use strict';

    const CLASS_SETTINGS = 'medium-settings';
    const CLASS_NOTIFICATION = 'medium-notification';
    const SELECTOR_FREEDIUM_CLOSE_BUTTON = '.close-button';
    const SELECTOR_SEARCH_BAR = 'div.ax.h';

    const getSetting = (key, def) => GM_getValue(key, def);
    const setSetting = (key, val) => GM_setValue(key, val);

    const config = {
        bypassUrls: {
            freedium: 'https://freedium.cfd',
            readmedium: 'https://readmedium.com',
            restmedium: 'https://medium.rest/',
            libmedium: 'https://md.vern.cc/',
            archive: 'https://archive.is/newest/',
            archiveLi: 'https://archive.li/newest/',
            archiveVn: 'https://archive.vn/newest/',
            archivePh: 'https://archive.ph/newest/',
            archiveFo: 'https://archive.fo/newest/',
            archiveMd: 'https://archive.md/newest/'
        },
        currentBypassIndex: getSetting('currentBypassIndex', 0),
        autoRedirectDelay: getSetting('redirectDelay', 5000),
        autoRedirectEnabled: getSetting('autoRedirect', true),
        darkModeEnabled: getSetting('darkModeEnabled', false)
    };

    let bypassServiceKeys = Object.keys(config.bypassUrls);
    const archiveServices = ['archive', 'archiveLi', 'archiveVn', 'archivePh', 'archiveFo', 'archiveMd'];
    if (!/\.?medium\.com$/.test(window.location.hostname)) {
        bypassServiceKeys = bypassServiceKeys.filter(key => key !== 'libmedium');
    }

    let isRedirecting = false;
    let autoRedirectCancelled = false; // New flag to track if redirect was cancelled
    let originalArticleUrl;
    let isSettingsVisible = false;
    let autoRedirectTimeout;

    const injectStyles = () => {
        const style = document.createElement('style');
        style.textContent = `
        .${CLASS_SETTINGS} {
            --background-color: #FFFFFF;
            --text-color: #000000;
            --button-bg-color: #FFFFFF;
            --button-text-color: #000000;
            --button-border-color: #E5E5E5;
            --button-shadow: 0 1px 3px rgba(0,0,0,0.1);
            --button-bg-hover: var(--accent-color);
            --button-text-hover: #FFFFFF;
            --accent-color: #000000;
            --label-color: #333333;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 360px;
            background-color: var(--background-color);
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            border-radius: 12px;
            font-family: Arial, sans-serif;
            z-index: 10000;
            padding: 20px;
            display: none;
            color: var(--text-color);
            cursor: grab;
            user-select: none;
        }
        .${CLASS_SETTINGS}.dark {
            --background-color: #333333;
            --text-color: #FFFFFF;
            --button-bg-color: #444444;
            --button-text-color: #FFFFFF;
            --button-border-color: #555555;
            --button-shadow: 0 1px 3px rgba(0,0,0,0.2);
            --button-bg-hover: #555555;
            --button-text-hover: #FFFFFF;
            --accent-color: #FFFFFF;
            --label-color: #FFFFFF;
        }
        .${CLASS_SETTINGS}.dark, .${CLASS_SETTINGS}.dark .medium-settings-header,
        .${CLASS_SETTINGS}.dark .medium-settings-toggle > span,
        .${CLASS_SETTINGS}.dark .medium-settings-input,
        .${CLASS_SETTINGS}.dark .medium-settings-button {
            color: var(--text-color);
        }
        .medium-settings-header {
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 20px;
            text-align: center;
        }
        .medium-settings-toggle {
            margin: 15px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .medium-settings-toggle > span {
            flex-grow: 1;
            font-size: 16px;
            font-weight: 500;
        }
        .medium-settings-input {
            margin-left: 10px;
            padding: 8px 10px;
            border: 1px solid #E5E5E5;
            border-radius: 20px;
            box-sizing: border-box;
            background-color: #FFFFFF;
        }
        .medium-settings.dark .medium-settings-input {
            background-color: #444444;
            border-color: #666666;
        }
        .medium-settings-input#redirectDelay {
            width: 50px;
        }
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        input[type="number"] {
            -moz-appearance: textfield;
        }
        .custom-dropdown {
            position: relative;
            display: inline-block;
        }
        .dropdown-trigger {
            padding: 8px 10px;
            border: 1px solid #E5E5E5;
            border-radius: 20px;
            background-color: #FFFFFF;
            cursor: pointer;
            min-width: 120px;
            text-align: center;
        }
        .medium-settings.dark .dropdown-trigger {
            background-color: #444444;
            border-color: #666666;
        }
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #FFFFFF;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            z-index: 10001;
            min-width: 120px;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.2s ease, transform 0.2s ease;
            pointer-events: none;
        }
        .dropdown-menu.show {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
        .medium-settings.dark .dropdown-menu {
            background-color: #444444;
        }
        .dropdown-item {
            padding: 8px 10px;
            cursor: pointer;
            text-align: center;
        }
        .dropdown-item:hover {
            background-color: #F7F7F7;
        }
        .medium-settings.dark .dropdown-item:hover {
            background-color: #555555;
        }
        .submenu-trigger {
            position: relative;
        }
        .submenu-trigger::after {
            content: '›';
            float: right;
            margin-left: 5px;
        }
        .submenu {
            position: absolute;
            left: 100%;
            top: 50%;
            transform: translateY(-50%);
            background-color: #FFFFFF;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            min-width: 120px;
            opacity: 0;
            transition: opacity 0.2s ease;
            pointer-events: none;
        }
        .medium-settings.dark .submenu {
            background-color: #444444;
        }
        .submenu-trigger:hover .submenu {
            opacity: 1;
            pointer-events: auto;
        }
        .medium-settings-button {
            background-color: var(--button-bg-color);
            border: 1px solid var(--button-border-color);
            box-shadow: var(--button-shadow);
            padding: 8px 14px;
            border-radius: 20px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s, color 0.3s;
        }
        .medium-settings-button:hover {
            background-color: var(--button-bg-hover);
            color: var(--button-text-hover);
        }
        .${CLASS_NOTIFICATION} {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #F7F7F7;
            color: #000000;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            font-family: Arial, sans-serif;
            z-index: 10000;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
        }
        .${CLASS_NOTIFICATION}.dark {
            background-color: #333333;
            color: #FFFFFF;
        }
        .${CLASS_NOTIFICATION}.show {
            opacity: 1;
            transform: translateY(0);
        }
        .medium-settings-input:focus {
            outline: none;
            border-color: var(--accent-color);
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
        }
        .switch {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 24px;
        }
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #E5E5E5;
            transition: 0.4s;
            border-radius: 24px;
        }
        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 3px;
            bottom: 3px;
            background-color: #FFFFFF;
            transition: 0.4s;
            border-radius: 50%;
        }
        input:checked + .slider {
            background-color: var(--accent-color);
        }
        input:focus + .slider {
            box-shadow: 0 0 1px var(--accent-color);
        }
        input:checked + .slider:before {
            transform: translateX(16px);
        }
        .medium-settings.dark .slider {
            background-color: #666666;
        }
        .medium-settings.dark input:checked + .slider {
            background-color: var(--accent-color);
        }
        .medium-settings.dark input:checked + .slider:before {
            background-color: #333333;
        }
        .slider.round {
            border-radius: 34px;
        }
        .slider.round:before {
            border-radius: 50%;
        }
        .settings-icon-button {
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
            margin-right: 4px;
            margin-left: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .settings-icon {
            width: 36px;
            height: 36px;
            fill: #757575;
            opacity: 0.7;
            display: block;
            transition: fill 0.3s, opacity 0.3s;
        }
        .settings-icon-button:hover .settings-icon {
            fill: #000000;
            opacity: 1;
        }
        .medium-settings.dark .settings-icon {
            fill: #AAAAAA;
        }
        .medium-settings.dark .settings-icon-button:hover .settings-icon {
            fill: #FFFFFF;
        }
        .notification-cancel-button {
            background: transparent;
            border: none;
            color: var(--accent-color);
            font-weight: bold;
            margin-left: 10px;
            cursor: pointer;
        }
        `;
        document.head.appendChild(style);
    };

    const stealthNotification = (message, options = {}) => {
        const notification = document.createElement('div');
        notification.className = CLASS_NOTIFICATION;
        if (config.darkModeEnabled) notification.classList.add('dark');

        const textSpan = document.createElement('span');
        textSpan.textContent = message;
        notification.appendChild(textSpan);

        if (options.cancelCallback) {
            const cancelBtn = document.createElement('button');
            cancelBtn.className = 'notification-cancel-button';
            cancelBtn.textContent = 'Cancel';
            cancelBtn.addEventListener('click', () => {
                clearTimeout(autoRedirectTimeout);
                isRedirecting = false;
                autoRedirectCancelled = true; // Prevent future auto-redirects on this page
                options.cancelCallback();
                notification.classList.remove('show');
                setTimeout(() => notification.remove(), 300);
            });
            notification.appendChild(cancelBtn);
        }

        document.body.appendChild(notification);
        setTimeout(() => notification.classList.add('show'), 50);
        if (!options.persistent) {
            setTimeout(() => {
                notification.classList.remove('show');
                setTimeout(() => notification.remove(), 300);
            }, 3000);
        }
    };

    const getCurrentBypassService = () => bypassServiceKeys[config.currentBypassIndex % bypassServiceKeys.length];

    const autoBypass = async (articleUrl, bypassKey) => {
        const bypassUrlValue = config.bypassUrls[bypassKey];
        try {
            let bypassUrl;
            const mediumURL = new URL(decodeURIComponent(articleUrl));
            let pathname = mediumURL.pathname;
            if (bypassKey === 'libmedium') {
                if (pathname.startsWith('/')) pathname = pathname.substring(1);
                bypassUrl = `${bypassUrlValue}${pathname}`;
            } else if (bypassKey.startsWith('archive')) {
                bypassUrl = bypassUrlValue + articleUrl;
            } else {
                const bypassBaseURL = new URL(bypassUrlValue);
                bypassUrl = new URL(mediumURL.pathname, bypassBaseURL).href;
            }
            sessionStorage.setItem('mediumBypassActive', 'true');
            window.location.href = bypassUrl;
            isRedirecting = true;
        } catch (error) {
            console.error(`Error during bypass with ${bypassKey}:`, error);
            stealthNotification(`Bypass failed with ${bypassKey}.`);
        }
    };

    const attachSettingsListeners = (settingsContainer) => {
        const displayNames = {
            freedium: 'Freedium',
            readmedium: 'ReadMedium',
            restmedium: 'RestMedium',
            libmedium: 'LibMedium',
            archive: 'Archive.is',
            archiveLi: 'Archive.li',
            archiveVn: 'Archive.vn',
            archivePh: 'Archive.ph',
            archiveFo: 'Archive.fo',
            archiveMd: 'Archive.md'
        };

        settingsContainer.querySelector('.dropdown-trigger').addEventListener('click', (e) => {
            const menu = settingsContainer.querySelector('.dropdown-menu');
            menu.classList.toggle('show');
        });

        settingsContainer.querySelector('.dropdown-menu').addEventListener('click', (e) => {
            const item = e.target.closest('.dropdown-item');
            if (item) {
                const value = item.getAttribute('data-value');
                const index = bypassServiceKeys.indexOf(value);
                if (index !== -1) {
                    config.currentBypassIndex = index;
                    setSetting('currentBypassIndex', index);
                    settingsContainer.querySelector('.dropdown-trigger').textContent = displayNames[value];
                    stealthNotification(`Bypass service set to ${displayNames[value]}`);
                    settingsContainer.querySelector('.dropdown-menu').classList.remove('show');
                }
            }
        });

        settingsContainer.querySelector('#toggleRedirectCheckbox').addEventListener('change', () => {
            config.autoRedirectEnabled = settingsContainer.querySelector('#toggleRedirectCheckbox').checked;
            setSetting('autoRedirect', config.autoRedirectEnabled);
            stealthNotification('Auto-Redirect toggled');
        });

        settingsContainer.querySelector('#toggleDarkModeCheckbox').addEventListener('change', () => {
            config.darkModeEnabled = settingsContainer.querySelector('#toggleDarkModeCheckbox').checked;
            setSetting('darkModeEnabled', config.darkModeEnabled);
            settingsContainer.classList.toggle('dark', config.darkModeEnabled);
            stealthNotification('Dark Mode toggled');
        });

        settingsContainer.querySelector('#bypassNow').addEventListener('click', async () => {
            stealthNotification('Attempting bypass...');
            await autoBypass(originalArticleUrl, getCurrentBypassService());
        });

        settingsContainer.querySelector('#resetDefaults').addEventListener('click', () => {
            config.autoRedirectDelay = 5000;
            config.autoRedirectEnabled = true;
            config.darkModeEnabled = false;
            config.currentBypassIndex = 0;
            setSetting('redirectDelay', config.autoRedirectDelay);
            setSetting('autoRedirect', config.autoRedirectEnabled);
            setSetting('darkModeEnabled', config.darkModeEnabled);
            setSetting('currentBypassIndex', config.currentBypassIndex);
            settingsContainer.querySelector('#redirectDelay').value = config.autoRedirectDelay;
            settingsContainer.querySelector('#toggleRedirectCheckbox').checked = config.autoRedirectEnabled;
            settingsContainer.querySelector('#toggleDarkModeCheckbox').checked = config.darkModeEnabled;
            settingsContainer.querySelector('.dropdown-trigger').textContent = displayNames[bypassServiceKeys[config.currentBypassIndex]];
            settingsContainer.classList.remove('dark');
            stealthNotification('Settings reset to defaults');
        });

        const saveButton = settingsContainer.querySelector('#saveSettings');
        saveButton.addEventListener('click', () => {
            const delayInput = settingsContainer.querySelector('#redirectDelay');
            const newDelay = parseInt(delayInput.value, 10);
            if (!isNaN(newDelay) && newDelay >= 0) {
                config.autoRedirectDelay = newDelay;
                setSetting('redirectDelay', newDelay);
                saveButton.textContent = 'Saved!';
                setTimeout(() => { saveButton.textContent = 'Save'; }, 1500);
            } else {
                stealthNotification('Invalid redirect delay. Please enter a positive number.');
                delayInput.value = config.autoRedirectDelay;
            }
        });

        settingsContainer.querySelector('#closeSettings').addEventListener('click', () => {
            hideMediumSettings();
        });
    };

    const showMediumSettings = () => {
        let existingPanel = document.querySelector(`.${CLASS_SETTINGS}`);
        if (existingPanel) {
            existingPanel.style.display = 'block';
            isSettingsVisible = true;
            return;
        }
        const displayNames = {
            freedium: 'Freedium',
            readmedium: 'ReadMedium',
            restmedium: 'RestMedium',
            libmedium: 'LibMedium',
            archive: 'Archive.is',
            archiveLi: 'Archive.li',
            archiveVn: 'Archive.vn',
            archivePh: 'Archive.ph',
            archiveFo: 'Archive.fo',
            archiveMd: 'Archive.md'
        };
        const settingsContainer = document.createElement('div');
        settingsContainer.className = `${CLASS_SETTINGS} ${config.darkModeEnabled ? 'dark' : ''}`;
        settingsContainer.innerHTML = `
            <div class="medium-settings-header">Medium Settings</div>
            <div class="medium-settings-toggle">
                <span>Auto-Redirect</span>
                <label class="switch">
                    <input type="checkbox" id="toggleRedirectCheckbox" ${config.autoRedirectEnabled ? 'checked' : ''}>
                    <span class="slider"></span>
                </label>
            </div>
            <div class="medium-settings-toggle">
                <span>Redirect Delay (ms)</span>
                <input type="number" class="medium-settings-input" id="redirectDelay" value="${config.autoRedirectDelay}" />
            </div>
            <div class="medium-settings-toggle">
                <span>Dark Mode</span>
                <label class="switch">
                    <input type="checkbox" id="toggleDarkModeCheckbox" ${config.darkModeEnabled ? 'checked' : ''}>
                    <span class="slider"></span>
                </label>
            </div>
            <div class="medium-settings-toggle">
                <span>Bypass Service</span>
                <div class="custom-dropdown medium-settings-dropdown">
                    <div class="dropdown-trigger" id="bypassSelectorTrigger">${displayNames[bypassServiceKeys[config.currentBypassIndex]]}</div>
                    <div class="dropdown-menu" id="bypassSelectorMenu">
                        ${bypassServiceKeys.filter(key => !archiveServices.includes(key)).map(key => `
                            <div class="dropdown-item" data-value="${key}">${displayNames[key]}</div>
                        `).join('')}
                        <div class="dropdown-item submenu-trigger">Archive
                            <div class="submenu">
                                ${archiveServices.map(key => `
                                    <div class="dropdown-item" data-value="${key}">${displayNames[key]}</div>
                                `).join('')}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="medium-settings-toggle">
                <button class="medium-settings-button" id="bypassNow">Bypass Now</button>
            </div>
            <div class="medium-settings-toggle">
                <button class="medium-settings-button" id="resetDefaults">Reset to Default</button>
            </div>
            <div class="medium-settings-toggle">
                <button class="medium-settings-button" id="saveSettings">Save</button>
                <button class="medium-settings-button" id="closeSettings">Close</button>
            </div>
        `;
        attachSettingsListeners(settingsContainer);

        let isDragging = false;
        let startX, startY;
        settingsContainer.addEventListener('mousedown', (e) => {
            if (e.target.closest('.medium-settings-input, .medium-settings-button, .medium-settings-dropdown, label')) return;
            isDragging = true;
            startX = e.clientX - settingsContainer.offsetLeft;
            startY = e.clientY - settingsContainer.offsetTop;
            settingsContainer.style.cursor = 'grabbing';
        });
        document.addEventListener('mousemove', (e) => {
            if (!isDragging) return;
            settingsContainer.style.left = `${e.clientX - startX}px`;
            settingsContainer.style.top = `${e.clientY - startY}px`;
        });
        document.addEventListener('mouseup', () => {
            isDragging = false;
            settingsContainer.style.cursor = 'grab';
        });
        document.body.appendChild(settingsContainer);
        settingsContainer.style.display = 'block';
        isSettingsVisible = true;

        document.addEventListener('click', (e) => {
            const dropdown = settingsContainer.querySelector('.custom-dropdown');
            const menu = settingsContainer.querySelector('.dropdown-menu');
            if (menu && menu.classList.contains('show') && !dropdown.contains(e.target)) {
                menu.classList.remove('show');
            }
        });
    };

    const hideMediumSettings = () => {
        const settingsPanel = document.querySelector(`.${CLASS_SETTINGS}`);
        if (settingsPanel) {
            settingsPanel.style.display = 'none';
            isSettingsVisible = false;
        }
    };

    const toggleMediumSettings = () => {
        isSettingsVisible ? hideMediumSettings() : showMediumSettings();
    };

    const updateSettingsIcon = (iconButton) => {
        const article = document.querySelector('article');
        if (article && article.classList.contains('meteredContent')) {
            iconButton.style.opacity = '1';
            iconButton.style.pointerEvents = 'auto';
        } else {
            iconButton.style.opacity = '0.3';
            iconButton.style.pointerEvents = 'none';
        }
    };

    const createSettingsIconButton = () => {
        const button = document.createElement('button');
        button.className = 'settings-icon-button';
        button.innerHTML = `<svg class="settings-icon" viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94s-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.6-.94l-.37-2.54c-.05-.25-.28-.43-.53-.43h-3.82c-.25 0-.48.17-.53.43l-.37 2.54c-.56.25-1.09.56-1.6.94l-2.39-.96c-.22-.07-.47 0-.59.22L2.74 8.87c-.11.2-.06.47.12.61l2.03 1.58c-.05.3-.07.61-.07.94s.02.64.07.94L2.86 14.51c-.18.14-.24.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.6.94l.37 2.54c.05.25.28.43.53.43h3.82c.25 0 .48-.17.53-.43l.37-2.54c.56-.25 1.09-.56 1.6-.94l2.39.96c.22.07.47 0 .59-.22l1.92-3.32c.12-.21.07-.47-.12-.61l-2.01-1.56zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"></path></svg>`;
        updateSettingsIcon(button);
        button.addEventListener('click', toggleMediumSettings);
        return button;
    };

    const performAutoRedirect = async () => {
        if (autoRedirectCancelled) return; // Exit if the user has cancelled auto-redirect
        if (sessionStorage.getItem('mediumBypassActive')) {
            sessionStorage.removeItem('mediumBypassActive');
            return;
        }
        if (config.autoRedirectEnabled && document.querySelector('.meteredContent') != null && !isRedirecting) {
            isRedirecting = true;
            let currentBypass = getCurrentBypassService();
            if (currentBypass) {
                stealthNotification(`Attempting bypass with ${currentBypass}...`, {
                    cancelCallback: () => stealthNotification("Auto redirect cancelled"),
                    persistent: true
                });
                autoRedirectTimeout = setTimeout(async () => {
                    await autoBypass(originalArticleUrl, currentBypass);
                }, config.autoRedirectDelay);
            } else {
                stealthNotification("No available bypass services to try.");
                isRedirecting = false;
            }
        }
    };

    const autoCloseFreediumBanner = () => {
        if (window.location.hostname === 'freedium.cfd') {
            window.addEventListener('load', () => {
                const closeButton = document.querySelector(SELECTOR_FREEDIUM_CLOSE_BUTTON);
                if (closeButton) closeButton.click();
            });
        }
    };

    const autoCloseMemberBanner = () => {
        const closeButtons = document.querySelectorAll('button[data-testid="close-button"]');
        closeButtons.forEach(button => button.click());
    };

    const insertSettingsButton = () => {
        const settingsIconButton = createSettingsIconButton();
        const searchBar = document.querySelector(SELECTOR_SEARCH_BAR);
        if (searchBar && searchBar.parentNode) {
            searchBar.parentNode.insertBefore(settingsIconButton, searchBar.nextSibling);
        }
        if (document.querySelector('.meteredContent') !== null) {
            GM_registerMenuCommand('Open Medium Settings', showMediumSettings);
        }
    };

    const initializeScript = () => {
        originalArticleUrl = window.location.href;
        injectStyles();
        autoCloseFreediumBanner();
        autoCloseMemberBanner();
        insertSettingsButton();
        if (config.autoRedirectEnabled) performAutoRedirect();

        // Observer for settings icon updates
        const iconObserver = new MutationObserver((mutations, obs) => {
            const article = document.querySelector('article');
            if (article) {
                const iconButton = document.querySelector('.settings-icon-button');
                if (iconButton) {
                    updateSettingsIcon(iconButton);
                }
                obs.disconnect();
            }
        });
        iconObserver.observe(document.body, { childList: true, subtree: true });

        // New MutationObserver for dynamic paywall detection
        const paywallObserver = new MutationObserver(() => {
            if (document.querySelector('.meteredContent') && !isRedirecting) {
                performAutoRedirect();
            }
        });
        paywallObserver.observe(document.body, { childList: true, subtree: true });
    };

    initializeScript();
})();