popup.js

document.addEventListener('DOMContentLoaded', () => {
    const toggle = document.getElementById('toggle');
    const settingsLink = document.getElementById('settings');

    // Load initial state
    chrome.storage.sync.get(['isEnabled'], (result) => {
        toggle.checked = result.isEnabled !== undefined ? result.isEnabled : true;
    });

    // Handle toggle
    toggle.addEventListener('change', () => {
        chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
            chrome.tabs.sendMessage(tabs[0].id, {action: "toggle"}, (response) => {
                if (response) {
                    chrome.storage.sync.set({isEnabled: response.isEnabled});
                }
            });
        });
    });

    // Handle settings link
    settingsLink.addEventListener('click', () => {
        chrome.runtime.openOptionsPage();
    });
});