bb-browser 0.1.2 → 0.2.1

package/extension/background.js

@@ -1,8 +1,20 @@
-const DAEMON_PORT = 19824;
-const DAEMON_HOST = "localhost";
-const DAEMON_BASE_URL = `http://${DAEMON_HOST}:${DAEMON_PORT}`;
+const DEFAULT_DAEMON_PORT = 19824;
+const DEFAULT_DAEMON_HOST = "localhost";
+const DEFAULT_DAEMON_BASE_URL = `http://${DEFAULT_DAEMON_HOST}:${DEFAULT_DAEMON_PORT}`;
 const SSE_RECONNECT_DELAY = 3e3;
 const SSE_MAX_RECONNECT_ATTEMPTS = 5;
+const STORAGE_KEY = "upstreamUrl";
+async function getUpstreamUrl() {
+  try {
+    const result = await chrome.storage.sync.get(STORAGE_KEY);
+    const url = result[STORAGE_KEY];
+    if (url && typeof url === "string" && url.trim()) {
+      return url.trim().replace(/\/+$/, "");
+    }
+  } catch {
+  }
+  return DEFAULT_DAEMON_BASE_URL;
+}
 
 class SSEClient {
   constructor() {
@@ -19,7 +31,8 @@ class SSEClient {
       console.warn("[SSEClient] Already connected");
       return;
     }
-    const sseUrl = `${DAEMON_BASE_URL}/sse`;
+    const baseUrl = await getUpstreamUrl();
+    const sseUrl = `${baseUrl}/sse`;
     console.log("[SSEClient] Connecting to:", sseUrl);
     this.abortController = new AbortController();
     try {
@@ -81,7 +94,9 @@ class SSEClient {
             data = trimmedLine.substring(5).trim();
           } else if (trimmedLine === "") {
             if (event && data) {
-              await this.handleMessage(event, data);
+              this.handleMessage(event, data).catch(
+                (err) => console.error("[SSEClient] handleMessage error:", err)
+              );
               event = "";
               data = "";
             }
@@ -172,7 +187,8 @@ class SSEClient {
 }
 
 async function sendResult(result) {
-  const url = `${DAEMON_BASE_URL}/result`;
+  const baseUrl = await getUpstreamUrl();
+  const url = `${baseUrl}/result`;
   console.log("[APIClient] Sending result:", result.id, result.success);
   try {
     const response = await fetch(url, {
@@ -424,15 +440,15 @@ function initEventListeners() {
   });
   chrome.debugger.onDetach.addListener((source) => {
     if (source.tabId) {
-      cleanupTab(source.tabId);
+      cleanupTab$2(source.tabId);
       console.log("[CDPService] Debugger detached from tab:", source.tabId);
     }
   });
   chrome.tabs.onRemoved.addListener((tabId) => {
-    cleanupTab(tabId);
+    cleanupTab$2(tabId);
   });
 }
-function cleanupTab(tabId) {
+function cleanupTab$2(tabId) {
   attachedTabs.delete(tabId);
   pendingDialogs.delete(tabId);
   networkRequests.delete(tabId);
@@ -584,13 +600,19 @@ function handleException(tabId, params) {
   jsErrors.set(tabId, errors);
 }
 
+const tabSnapshotRefs$1 = /* @__PURE__ */ new Map();
+const tabActiveFrameId$2 = /* @__PURE__ */ new Map();
+function cleanupTab$1(tabId) {
+  tabSnapshotRefs$1.delete(tabId);
+  tabActiveFrameId$2.delete(tabId);
+}
 async function getSnapshot$1(tabId, options = {}) {
   const { interactive = false } = options;
   console.log("[DOMService] Getting snapshot for tab:", tabId, { interactive });
   await injectBuildDomTreeScript(tabId);
   const domTreeResult = await executeBuildDomTree(tabId);
   const snapshotResult = interactive ? convertToAccessibilityTree(domTreeResult) : convertToFullTree(domTreeResult);
-  snapshotResult.refs;
+  tabSnapshotRefs$1.set(tabId, snapshotResult.refs);
   console.log("[DOMService] Snapshot complete:", {
     mode: interactive ? "interactive" : "full",
     linesCount: snapshotResult.snapshot.split("\n").length,
@@ -599,6 +621,10 @@ async function getSnapshot$1(tabId, options = {}) {
   return snapshotResult;
 }
 function getFrameTarget(tabId) {
+  const frameId = tabActiveFrameId$2.get(tabId) ?? null;
+  if (frameId !== null) {
+    return { tabId, frameIds: [frameId] };
+  }
   return { tabId };
 }
 async function injectBuildDomTreeScript(tabId) {
@@ -883,22 +909,29 @@ function convertToFullTree(result) {
   return { snapshot: lines.join("\n"), refs };
 }
 
-let lastSnapshotRefs = {};
+const tabSnapshotRefs = /* @__PURE__ */ new Map();
+const tabActiveFrameId$1 = /* @__PURE__ */ new Map();
 async function loadRefsFromStorage() {
   try {
-    const result = await chrome.storage.session.get("snapshotRefs");
-    if (result.snapshotRefs) {
-      lastSnapshotRefs = result.snapshotRefs;
-      console.log("[CDPDOMService] Loaded refs from storage:", Object.keys(lastSnapshotRefs).length);
+    const result = await chrome.storage.session.get("tabSnapshotRefs");
+    if (result.tabSnapshotRefs) {
+      const stored = result.tabSnapshotRefs;
+      for (const [tabIdStr, refs] of Object.entries(stored)) {
+        tabSnapshotRefs.set(Number(tabIdStr), refs);
+      }
+      console.log("[CDPDOMService] Loaded refs from storage:", tabSnapshotRefs.size, "tabs");
     }
   } catch (e) {
     console.warn("[CDPDOMService] Failed to load refs from storage:", e);
   }
 }
-async function saveRefsToStorage(refs) {
+async function saveRefsToStorage(tabId, refs) {
   try {
-    await chrome.storage.session.set({ snapshotRefs: refs });
-    console.log("[CDPDOMService] Saved refs to storage:", Object.keys(refs).length);
+    const result = await chrome.storage.session.get("tabSnapshotRefs");
+    const stored = result.tabSnapshotRefs || {};
+    stored[String(tabId)] = refs;
+    await chrome.storage.session.set({ tabSnapshotRefs: stored });
+    console.log("[CDPDOMService] Saved refs to storage for tab:", tabId, Object.keys(refs).length);
   } catch (e) {
     console.warn("[CDPDOMService] Failed to save refs to storage:", e);
   }
@@ -916,8 +949,8 @@ async function getSnapshot(tabId, options = {}) {
       tagName: refInfo.tagName
     };
   }
-  lastSnapshotRefs = convertedRefs;
-  await saveRefsToStorage(convertedRefs);
+  tabSnapshotRefs.set(tabId, convertedRefs);
+  await saveRefsToStorage(tabId, convertedRefs);
   console.log("[CDPDOMService] Snapshot complete:", {
     linesCount: result.snapshot.split("\n").length,
     refsCount: Object.keys(convertedRefs).length
@@ -927,15 +960,24 @@ async function getSnapshot(tabId, options = {}) {
     refs: convertedRefs
   };
 }
-async function getRefInfo(ref) {
+async function getRefInfo(tabId, ref) {
   const refId = ref.startsWith("@") ? ref.slice(1) : ref;
-  if (lastSnapshotRefs[refId]) {
-    return lastSnapshotRefs[refId];
+  const refs = tabSnapshotRefs.get(tabId);
+  if (refs?.[refId]) {
+    return refs[refId];
   }
-  if (Object.keys(lastSnapshotRefs).length === 0) {
+  if (!tabSnapshotRefs.has(tabId)) {
     await loadRefsFromStorage();
+    const loaded = tabSnapshotRefs.get(tabId);
+    if (loaded?.[refId]) {
+      return loaded[refId];
+    }
   }
-  return lastSnapshotRefs[refId] || null;
+  return null;
+}
+function cleanupTab(tabId) {
+  tabSnapshotRefs.delete(tabId);
+  tabActiveFrameId$1.delete(tabId);
 }
 async function getElementCenterByXPath(tabId, xpath) {
   const result = await evaluate(tabId, `
@@ -966,7 +1008,7 @@ async function getElementCenterByXPath(tabId, xpath) {
   return result;
 }
 async function clickElement(tabId, ref) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -977,7 +1019,7 @@ async function clickElement(tabId, ref) {
   return { role, name };
 }
 async function hoverElement(tabId, ref) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -988,7 +1030,7 @@ async function hoverElement(tabId, ref) {
   return { role, name };
 }
 async function fillElement(tabId, ref, text) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -1021,7 +1063,7 @@ async function fillElement(tabId, ref, text) {
   return { role, name };
 }
 async function typeElement(tabId, ref, text) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -1049,7 +1091,7 @@ async function typeElement(tabId, ref, text) {
   return { role, name };
 }
 async function getElementText(tabId, ref) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -1072,7 +1114,7 @@ async function getElementText(tabId, ref) {
   return text;
 }
 async function checkElement(tabId, ref) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -1103,7 +1145,7 @@ async function checkElement(tabId, ref) {
   return { role, name, wasAlreadyChecked: result };
 }
 async function uncheckElement(tabId, ref) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -1134,7 +1176,7 @@ async function uncheckElement(tabId, ref) {
   return { role, name, wasAlreadyUnchecked: result };
 }
 async function selectOption(tabId, ref, value) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -1191,7 +1233,7 @@ async function selectOption(tabId, ref, value) {
   return { role, name, selectedValue, selectedLabel };
 }
 async function waitForElement(tabId, ref, maxWait = 1e4, interval = 200) {
-  const refInfo = await getRefInfo(ref);
+  const refInfo = await getRefInfo(tabId, ref);
   if (!refInfo) {
     throw new Error(`Ref "${ref}" not found. Run snapshot first to get available refs.`);
   }
@@ -1219,8 +1261,9 @@ async function waitForElement(tabId, ref, maxWait = 1e4, interval = 200) {
   }
   throw new Error(`Timeout waiting for element @${ref} after ${maxWait}ms`);
 }
-function setActiveFrameId(frameId) {
-  console.log("[CDPDOMService] Active frame changed:", frameId ?? "main");
+function setActiveFrameId(tabId, frameId) {
+  tabActiveFrameId$1.set(tabId, frameId);
+  console.log("[CDPDOMService] Active frame changed:", { tabId, frameId: frameId ?? "main" });
 }
 async function pressKey(tabId, key, modifiers = []) {
   let modifierFlags = 0;
@@ -1365,7 +1408,17 @@ chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, _tab) => {
 console.log("[TraceService] Initialized");
 
 initEventListeners();
-let activeFrameId = null;
+const tabActiveFrameId = /* @__PURE__ */ new Map();
+async function resolveTab(command) {
+  if (command.tabId !== void 0 && typeof command.tabId === "number") {
+    return chrome.tabs.get(command.tabId);
+  }
+  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
+  if (!tab?.id) {
+    throw new Error("No active tab found");
+  }
+  return tab;
+}
 async function handleCommand(command) {
   console.log("[CommandHandler] Processing command:", command.id, command.action);
   let result;
@@ -1530,8 +1583,8 @@ async function handleOpen(command) {
   };
 }
 async function handleSnapshot(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1577,8 +1630,8 @@ async function handleClick(command) {
       error: "Missing ref parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1614,8 +1667,8 @@ async function handleHover(command) {
       error: "Missing ref parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1659,8 +1712,8 @@ async function handleFill(command) {
       error: "Missing text parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1705,8 +1758,8 @@ async function handleType(command) {
       error: "Missing text parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1743,8 +1796,8 @@ async function handleCheck(command) {
       error: "Missing ref parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1781,8 +1834,8 @@ async function handleUncheck(command) {
       error: "Missing ref parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1827,8 +1880,8 @@ async function handleSelect(command) {
       error: "Missing value parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1858,8 +1911,8 @@ async function handleSelect(command) {
   }
 }
 async function handleClose(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1872,6 +1925,9 @@ async function handleClose(command) {
   console.log("[CommandHandler] Closing tab:", tabId, url);
   try {
     await chrome.tabs.remove(tabId);
+    cleanupTab$1(tabId);
+    cleanupTab(tabId);
+    tabActiveFrameId.delete(tabId);
     return {
       id: command.id,
       success: true,
@@ -1899,8 +1955,8 @@ async function handleGet(command) {
       error: "Missing attribute parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -1953,8 +2009,8 @@ async function handleGet(command) {
   }
 }
 async function handleScreenshot(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id || !activeTab.windowId) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id || !activeTab.windowId) {
     return {
       id: command.id,
       success: false,
@@ -2009,8 +2065,8 @@ async function handleWait(command) {
         error: "Missing ref parameter"
       };
     }
-    const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-    if (!activeTab || !activeTab.id) {
+    const activeTab = await resolveTab(command);
+    if (!activeTab.id) {
       return {
         id: command.id,
         success: false,
@@ -2051,8 +2107,8 @@ async function handlePress(command) {
       error: "Missing key parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2104,8 +2160,8 @@ async function handleScroll(command) {
       error: `Invalid direction: ${direction}`
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2133,8 +2189,8 @@ async function handleScroll(command) {
   }
 }
 async function handleBack(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2173,8 +2229,8 @@ async function handleBack(command) {
   }
 }
 async function handleForward(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2205,8 +2261,8 @@ async function handleForward(command) {
   }
 }
 async function handleRefresh(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2244,8 +2300,8 @@ async function handleEval(command) {
       error: "Missing script parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2422,6 +2478,9 @@ async function handleTabClose(command) {
     const title = targetTab.title || "";
     const url = targetTab.url || "";
     await chrome.tabs.remove(tabId);
+    cleanupTab$1(tabId);
+    cleanupTab(tabId);
+    tabActiveFrameId.delete(tabId);
     return {
       id: command.id,
       success: true,
@@ -2449,8 +2508,8 @@ async function handleFrame(command) {
       error: "Missing selector parameter"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2461,7 +2520,7 @@ async function handleFrame(command) {
   console.log("[CommandHandler] Switching to frame:", selector);
   try {
     const iframeInfoResults = await chrome.scripting.executeScript({
-      target: { tabId, frameIds: activeFrameId !== null ? [activeFrameId] : [0] },
+      target: { tabId, frameIds: tabActiveFrameId.get(tabId) !== null && tabActiveFrameId.get(tabId) !== void 0 ? [tabActiveFrameId.get(tabId)] : [0] },
       func: (sel) => {
         const iframe = document.querySelector(sel);
         if (!iframe) {
@@ -2540,8 +2599,8 @@ async function handleFrame(command) {
         error: `无法访问 frame (frameId: ${targetFrameId})，可能是跨域 iframe`
       };
     }
-    activeFrameId = targetFrameId;
-    setActiveFrameId(String(targetFrameId));
+    tabActiveFrameId.set(tabId, targetFrameId);
+    setActiveFrameId(tabId, String(targetFrameId));
     const matchedFrameInfo = frames.find((f) => f.frameId === targetFrameId);
     return {
       id: command.id,
@@ -2566,8 +2625,17 @@ async function handleFrame(command) {
 }
 async function handleFrameMain(command) {
   console.log("[CommandHandler] Switching to main frame");
-  activeFrameId = null;
-  setActiveFrameId(null);
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
+    return {
+      id: command.id,
+      success: false,
+      error: "No active tab found"
+    };
+  }
+  const tabId = activeTab.id;
+  tabActiveFrameId.set(tabId, null);
+  setActiveFrameId(tabId, null);
   return {
     id: command.id,
     success: true,
@@ -2588,8 +2656,8 @@ async function handleDialog(command) {
       error: "Missing or invalid dialogResponse parameter (accept/dismiss)"
     };
   }
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2650,8 +2718,8 @@ function waitForTabLoad(tabId, timeout = 3e4) {
   });
 }
 async function handleNetwork(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2742,8 +2810,8 @@ async function handleNetwork(command) {
   }
 }
 async function handleConsole(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2791,8 +2859,8 @@ async function handleConsole(command) {
   }
 }
 async function handleErrors(command) {
-  const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-  if (!activeTab || !activeTab.id) {
+  const activeTab = await resolveTab(command);
+  if (!activeTab.id) {
     return {
       id: command.id,
       success: false,
@@ -2845,8 +2913,8 @@ async function handleTrace(command) {
   try {
     switch (subCommand) {
       case "start": {
-        const [activeTab] = await chrome.tabs.query({ active: true, currentWindow: true });
-        if (!activeTab || !activeTab.id) {
+        const activeTab = await resolveTab(command);
+        if (!activeTab.id) {
           return {
             id: command.id,
             success: false,
@@ -2915,6 +2983,14 @@ async function handleTrace(command) {
 const KEEPALIVE_ALARM = "bb-browser-keepalive";
 const sseClient = new SSEClient();
 sseClient.onCommand(handleCommand);
+chrome.storage.onChanged.addListener((changes, area) => {
+  if (area === "sync" && changes.upstreamUrl) {
+    const newUrl = changes.upstreamUrl.newValue || "default";
+    console.log("[bb-browser] Upstream URL changed to:", newUrl, "— reconnecting...");
+    sseClient.disconnect();
+    sseClient.connect();
+  }
+});
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
   console.log("[bb-browser] Message from content script:", message, "sender:", sender.tab?.id);
   sendResponse({ received: true });