ClipDeck Mode Toggle — Per-Tab Pause and Resume

// background.js — one queued writer for browser-session pause state
let pauseMutation = Promise.resolve();

function queuePauseMutation(task) {
  const result = pauseMutation.then(task, task);
  pauseMutation = result.then(() => undefined, () => undefined);
  return result;
}

function togglePauseForTab(tabId) {
  return queuePauseMutation(async () => {
    const { pausedTabs = [] } =
      await chrome.storage.session.get("pausedTabs");
    const next = pausedTabs.includes(tabId)
      ? pausedTabs.filter((id) => id !== tabId)
      : [...pausedTabs, tabId];
    await chrome.storage.session.set({ pausedTabs: next });
    await refreshBadgeForTab(tabId);
    return next.includes(tabId);
  });
}

async function refreshBadgeForTab(tabId) {
  const [{ pausedTabs = [] }, { clips = [] }] = await Promise.all([
    chrome.storage.session.get("pausedTabs"),
    chrome.storage.local.get("clips"),
  ]);
  if (pausedTabs.includes(tabId)) {
    await chrome.action.setBadgeText({ tabId, text: "II" });
    await chrome.action.setBadgeBackgroundColor({ tabId, color: "#666" });
    await chrome.action.setTitle({ tabId, title: "ClipDeck — paused on this tab" });
    return;
  }
  const todayStart = new Date();
  todayStart.setHours(0, 0, 0, 0);
  const count = clips.filter((clip) => clip.savedAt >= todayStart.getTime()).length;
  await chrome.action.setBadgeText({
    tabId,
    text: count === 0 ? "" : String(count > 999 ? "999+" : count),
  });
  await chrome.action.setBadgeBackgroundColor({ tabId, color: "#1a6bd6" });
}

chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
  if (message?.type !== "togglePause") return;
  togglePauseForTab(message.tabId)
    .then((paused) => sendResponse({ ok: true, paused }))
    .catch((error) => sendResponse({ ok: false, error: error.message }));
  return true;
});

chrome.tabs.onRemoved.addListener((tabId) => {
  void queuePauseMutation(async () => {
    const { pausedTabs = [] } =
      await chrome.storage.session.get("pausedTabs");
    await chrome.storage.session.set({
      pausedTabs: pausedTabs.filter((id) => id !== tabId),
    });
  });
});

// popup.js — wire the Pause button to the SW-side helper
document.getElementById("pauseBtn").addEventListener("click", async () => {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (!tab?.id) return;
  await chrome.runtime.sendMessage({ type: "togglePause", tabId: tab.id });
});

async function refreshPauseLabel() {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  const { pausedTabs = [] } = await chrome.storage.session.get("pausedTabs");
  const paused = tab?.id ? pausedTabs.includes(tab.id) : false;
  document.getElementById("pauseBtn").textContent = paused
    ? "Resume on this tab"
    : "Pause on this tab";
}

chrome.storage.onChanged.addListener((c, a) => {
  if (a === "session" && "pausedTabs" in c) refreshPauseLabel();
});

refreshPauseLabel();

// In background.js, route the message:
// chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
//   if (message?.type !== 'togglePause') return;
//   (async () => {
//     await togglePauseForTab(message.tabId);
//     sendResponse({ ok: true });
//   })();
//   return true;
// });

// content.js — capture page facts only; no storage.session access
chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
  if (message?.type !== "captureSelection") return;
  const text = window.getSelection()?.toString() ?? "";
  sendResponse(text.trim()
    ? { ok: true, payload: { text, url: location.href, title: document.title } }
    : { ok: false, reason: "no-selection" });
});

// background.js — the trusted context knows tabId and owns the pause gate
chrome.commands.onCommand.addListener(async (command) => {
  if (command !== "save-clip") return;
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (!tab?.id) return;
  const { pausedTabs = [] } =
    await chrome.storage.session.get("pausedTabs");
  if (pausedTabs.includes(tab.id)) return;
  // Continue with the serialized save flow from Track 3.
  const captured =
    await chrome.tabs.sendMessage(tab.id, { type: "captureSelection" });
  if (captured?.ok) {
    await saveCapturedClip(captured.payload);
  }
});