background.js

function toggleSidePanel(tabId) {
  chrome.sidePanel.getOptions({ tabId }, (options) => {
    if (options.enabled) {
      chrome.sidePanel.open({ tabId });
    } else {
      chrome.sidePanel.setOptions({ tabId, path: 'sidepanel.html', enabled: true }, () => {
        chrome.sidePanel.open({ tabId });
      });
    }
  });
}

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === 'complete' && tab.url) {
    const url = new URL(tab.url);
    const allowedHosts = ['chatgpt.com', 'gemini.google.com', 'claude.ai'];
    
    if (allowedHosts.some(host => url.hostname.includes(host))) {
      chrome.sidePanel.setOptions({ tabId, path: 'sidepanel.html', enabled: true });
    } else {
      chrome.sidePanel.setOptions({ tabId, enabled: false });
    }
  }
});

chrome.commands.onCommand.addListener((command) => {
  if (command === "toggle-side-panel") {
    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
      if (tabs[0]) {
        chrome.scripting.executeScript({
          target: { tabId: tabs[0].id },
          function: () => {
            chrome.runtime.sendMessage({ action: "openSidePanel" });
          }
        });
      }
    });
  }
});

chrome.action.onClicked.addListener((tab) => {
  toggleSidePanel(tab.id);
});

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.action === "openSidePanel" && sender.tab) {
    toggleSidePanel(sender.tab.id);
  }
});