rechrome 1.12.2 → 1.12.3

package/extension/lib/ui/connect.js

@@ -1,50 +1,48 @@
-import { c as clientExports, j as jsxRuntimeExports, r as reactExports, B as Button, A as AuthTokenSection, T as TabItem, g as getOrCreateAuthToken } from "./authToken.js";
+import { c as clientExports, j as jsxRuntimeExports, r as reactExports, A as AuthTokenSection, T as TabItem, B as Button, g as getOrCreateAuthToken } from "./authToken.js";
 const SUPPORTED_PROTOCOL_VERSION = 2;
 const ConnectApp = () => {
   const [tabs, setTabs] = reactExports.useState([]);
   const [status, setStatus] = reactExports.useState(null);
-  const [showButtons, setShowButtons] = reactExports.useState(true);
   const [showTabList, setShowTabList] = reactExports.useState(true);
   const [clientInfo, setClientInfo] = reactExports.useState("unknown");
-  const [mcpRelayUrl, setMcpRelayUrl] = reactExports.useState("");
-  const [newTab, setNewTab] = reactExports.useState(false);
+  const setError = reactExports.useCallback((message) => {
+    setShowTabList(false);
+    setStatus({ type: "error", message });
+  }, []);
   reactExports.useEffect(() => {
     const runAsync = async () => {
       const params = new URLSearchParams(window.location.search);
       const relayUrl = params.get("mcpRelayUrl");
       if (!relayUrl) {
-        handleReject("Missing mcpRelayUrl parameter in URL.");
+        setError("Missing mcpRelayUrl parameter in URL.");
         return;
       }
       try {
         const host = new URL(relayUrl).hostname;
         if (host !== "127.0.0.1" && host !== "[::1]") {
-          handleReject(`MCP extension only allows loopback connections (127.0.0.1 or [::1]). Received host: ${host}`);
+          setError(`Playwright extension only allows loopback connections (127.0.0.1 or [::1]). Received host: ${host}`);
           return;
         }
       } catch (e) {
-        handleReject(`Invalid mcpRelayUrl parameter in URL: ${relayUrl}. ${e}`);
+        setError(`Invalid mcpRelayUrl parameter in URL: ${relayUrl}. ${e}`);
         return;
       }
-      setMcpRelayUrl(relayUrl);
-      let info = "unknown";
       try {
         const client = JSON.parse(params.get("client") || "{}");
-        info = `${client.name}/${client.version}`;
+        const info = `${client.name || "unknown"}`;
         setClientInfo(info);
         setStatus({
           type: "connecting",
-          message: `🎭 Playwright MCP started from  "${info}" is trying to connect. Do you want to continue?`
+          message: `"${info}" is trying to connect to the Playwright Extension.`
         });
       } catch (e) {
         setStatus({ type: "error", message: "Failed to parse client version." });
         return;
       }
       const parsedVersion = parseInt(params.get("protocolVersion") ?? "", 10);
-      const requiredVersion = isNaN(parsedVersion) ? 1 : parsedVersion;
-      if (requiredVersion > SUPPORTED_PROTOCOL_VERSION) {
+      const requestedVersion = isNaN(parsedVersion) ? 1 : parsedVersion;
+      if (requestedVersion > SUPPORTED_PROTOCOL_VERSION) {
         const extensionVersion = chrome.runtime.getManifest().version;
-        setShowButtons(false);
         setShowTabList(false);
         setStatus({
           type: "error",
@@ -54,37 +52,33 @@ const ConnectApp = () => {
         });
         return;
       }
+      const response = await chrome.runtime.sendMessage({ type: "connectionRequested", mcpRelayUrl: relayUrl, protocolVersion: requestedVersion });
+      if (!response.success) {
+        setError(response.error);
+        return;
+      }
       const expectedToken = getOrCreateAuthToken();
       const token = params.get("token");
       if (token === expectedToken) {
-        await connectToMCPRelay(relayUrl);
-        await handleConnectToTab(void 0, info);
+        await handleConnectToTab();
         return;
       }
       if (token) {
-        handleReject("Invalid token provided.");
+        setError("Invalid token provided.");
         return;
       }
-      await connectToMCPRelay(relayUrl);
-      if (params.get("newTab") === "true") {
-        setNewTab(true);
+      if (params.get("newTab") === "true")
         setShowTabList(false);
-      } else {
+      else
         await loadTabs();
-      }
     };
     void runAsync();
+    const keepalive = setInterval(() => {
+      chrome.runtime.sendMessage({ type: "keepalive" }).catch(() => {
+      });
+    }, 2e4);
+    return () => clearInterval(keepalive);
   }, []);
-  const handleReject = reactExports.useCallback((message) => {
-    setShowButtons(false);
-    setShowTabList(false);
-    setStatus({ type: "error", message });
-  }, []);
-  const connectToMCPRelay = reactExports.useCallback(async (mcpRelayUrl2) => {
-    const response = await chrome.runtime.sendMessage({ type: "connectToMCPRelay", mcpRelayUrl: mcpRelayUrl2 });
-    if (!response.success)
-      handleReject(response.error);
-  }, [handleReject]);
   const loadTabs = reactExports.useCallback(async () => {
     const response = await chrome.runtime.sendMessage({ type: "getTabs" });
     if (response.success)
@@ -92,58 +86,55 @@ const ConnectApp = () => {
     else
       setStatus({ type: "error", message: "Failed to load tabs: " + response.error });
   }, []);
-  const handleConnectToTab = reactExports.useCallback(async (tab, clientInfoOverride) => {
-    const displayName = clientInfoOverride || clientInfo;
-    setShowButtons(false);
+  const handleConnectToTab = reactExports.useCallback(async (tab) => {
     setShowTabList(false);
     try {
       const response = await chrome.runtime.sendMessage({
         type: "connectToTab",
-        mcpRelayUrl,
-        tabId: tab?.id,
-        windowId: tab?.windowId
+        tab,
+        clientName: clientInfo
       });
-      if (response?.success) {
-        setStatus({ type: "connected", message: `MCP client "${displayName}" connected. Do not close this tab — it maintains the connection to the browser. Closing it will disconnect the session.` });
+      if (response == null ? void 0 : response.success) {
+        setStatus({ type: "connected", message: `"${clientInfo}" connected.` });
       } else {
         setStatus({
           type: "error",
-          message: response?.error || `MCP client "${displayName}" failed to connect.`
+          message: (response == null ? void 0 : response.error) || `"${clientInfo}" failed to connect.`
         });
       }
     } catch (e) {
       setStatus({
         type: "error",
-        message: `MCP client "${displayName}" failed to connect: ${e}`
+        message: `"${clientInfo}" failed to connect: ${e}`
       });
     }
-  }, [clientInfo, mcpRelayUrl]);
+  }, [clientInfo]);
   reactExports.useEffect(() => {
     const listener = (message) => {
-      if (message.type === "connectionTimeout")
-        handleReject("Connection timed out.");
+      if (message.type === "pendingConnectionClosed") {
+        setError("Pending client connection closed.");
+        document.title = "Playwright Extension";
+      }
     };
     chrome.runtime.onMessage.addListener(listener);
     return () => {
       chrome.runtime.onMessage.removeListener(listener);
     };
-  }, [handleReject]);
+  }, [setError]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "app-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "content-wrapper", children: [
-    status && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "status-container", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBanner, { status }),
-      showButtons && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "button-container", children: newTab ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", onClick: () => handleConnectToTab(), children: "Allow" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "reject", onClick: () => handleReject("Connection rejected. This tab can be closed."), children: "Reject" })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "reject", onClick: () => handleReject("Connection rejected. This tab can be closed."), children: "Reject" }) })
+    status && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "status-container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBanner, { status }) }),
+    (status == null ? void 0 : status.type) === "connecting" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "warning-banner", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "⚠️ Warning:" }),
+      " Allowing this connection exposes the entire browser to the client, including any signed-in sessions, cookies, and content in other tabs and windows. Once approved, the client may also be able to reconnect later without showing this dialog again, unless you regenerate the token below and then restart the browser."
     ] }),
-    status?.type === "connecting" && /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTokenSection, {}),
+    (status == null ? void 0 : status.type) === "connecting" && /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTokenSection, {}),
     showTabList && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tab-section-title", children: "Select page to expose to MCP server:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tab-section-title", children: "You can drag tabs into the Playwright group later to make them accessible to the client. Optionally, select a tab to allow and immediately switch to it:" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: tabs.map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         TabItem,
         {
           tab,
-          button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", onClick: () => handleConnectToTab(tab), children: "Connect" })
+          button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", onClick: () => handleConnectToTab(tab), children: "Allow & select" })
         },
         tab.id
       )) })
@@ -151,15 +142,16 @@ const ConnectApp = () => {
   ] }) });
 };
 const VersionMismatchError = ({ extensionVersion }) => {
-  const readmeUrl = "https://github.com/microsoft/playwright-mcp/blob/main/extension/README.md";
-  const latestReleaseUrl = "https://github.com/microsoft/playwright-mcp/releases/latest";
+  const readmeUrl = "https://github.com/microsoft/playwright/blob/main/packages/extension/README.md";
+  const chromeWebStoreUrl = "https://chromewebstore.google.com/detail/playwright-extension/mmlmfjhmonkocbjadbfplnigmagldckm";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    "Playwright MCP version trying to connect requires newer extension version (current version: ",
+    "Playwright client trying to connect requires newer extension version (current version: ",
     extensionVersion,
     ").",
     " ",
-    /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: latestReleaseUrl, children: "Click here" }),
-    " to download latest version of the extension, then drag and drop it into the Chrome Extensions page.",
+    "Update ",
+    /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: chromeWebStoreUrl, target: "_blank", rel: "noopener noreferrer", children: "Playwright Extension" }),
+    " from the Chrome Web Store to the latest version.",
     " ",
     "See ",
     /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: readmeUrl, target: "_blank", rel: "noopener noreferrer", children: "installation instructions" }),

package/extension/lib/ui/status.js

@@ -1,66 +1,47 @@
-import { c as clientExports, j as jsxRuntimeExports, r as reactExports, T as TabItem, B as Button, A as AuthTokenSection } from "./authToken.js";
+import { c as clientExports, j as jsxRuntimeExports, r as reactExports, B as Button, T as TabItem, A as AuthTokenSection } from "./authToken.js";
 const StatusApp = () => {
-  const [connections, setConnections] = reactExports.useState([]);
+  const [connectedTabs, setConnectedTabs] = reactExports.useState([]);
+  const [clientName, setClientName] = reactExports.useState(void 0);
   reactExports.useEffect(() => {
     void loadStatus();
   }, []);
   const loadStatus = async () => {
-    const { connections: rawConnections = [] } = await chrome.runtime.sendMessage({ type: "getConnectionStatus" });
-    const fetchTab = async (id) => {
-      try {
-        const tab = await chrome.tabs.get(id);
-        return { id: tab.id, windowId: tab.windowId, title: tab.title, url: tab.url, favIconUrl: tab.favIconUrl };
-      } catch {
-        return null;
-      }
-    };
-    const resolved = await Promise.all(
-      rawConnections.map(async (c) => {
-        const connectedTab = await fetchTab(c.connectedTabId) ?? void 0;
-        const playwrightTabs = (await Promise.all(c.playwrightTabIds.map(fetchTab))).filter((t) => t !== null);
-        return { ...c, connectedTab, playwrightTabs };
-      })
-    );
-    setConnections(resolved);
+    const { connectedTabIds, clientName: clientName2 } = await chrome.runtime.sendMessage({ type: "getConnectionStatus" });
+    const tabs = await Promise.all((connectedTabIds ?? []).map((tabId) => chrome.tabs.get(tabId)));
+    setConnectedTabs(tabs);
+    setClientName(clientName2);
   };
   const openTab = async (tabId) => {
     await chrome.tabs.update(tabId, { active: true });
     window.close();
   };
-  const disconnect = async (mcpRelayUrl) => {
-    await chrome.runtime.sendMessage({ type: "disconnect", mcpRelayUrl });
-    void loadStatus();
+  const disconnect = async () => {
+    await chrome.runtime.sendMessage({ type: "disconnect" });
+    window.close();
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "app-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "content-wrapper", children: [
-    connections.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "status-banner", children: "No MCP clients are currently connected." }) : connections.map((c, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      connections.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "tab-section-title", children: [
-        "Instance ",
-        i + 1,
-        ":"
-      ] }),
-      c.connectedTab && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tab-section-title", children: "Page with connected MCP client:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TabItem,
-          {
-            tab: c.connectedTab,
-            button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", onClick: () => disconnect(c.mcpRelayUrl), children: "Disconnect" }),
-            onClick: () => openTab(c.connectedTabId)
-          }
-        )
+    connectedTabs.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "connection-header", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-info", children: [
+          "Connected to ",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+            '"',
+            clientName || "unknown",
+            '"'
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", onClick: disconnect, children: "Disconnect" })
       ] }),
-      c.playwrightTabs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tab-section-title", children: "Playwright managed tabs:" }),
-        c.playwrightTabs.map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TabItem,
-          {
-            tab,
-            onClick: () => openTab(tab.id)
-          },
-          tab.id
-        ))
-      ] })
-    ] }, c.mcpRelayUrl)),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tab-section-title", children: connectedTabs.length === 1 ? "Accessible page:" : "Accessible pages:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: connectedTabs.map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TabItem,
+        {
+          tab,
+          onClick: () => openTab(tab.id)
+        },
+        tab.id
+      )) })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "status-banner", children: "No clients are currently connected. You can connect from the Playwright CLI or MCP server by passing the --extension flag." }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTokenSection, {})
   ] }) });
 };

package/extension/manifest.json

@@ -1,13 +1,13 @@
 {
   "manifest_version": 3,
-  "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAyr3kV2bBGDawVu1+vxLx2epYDN18tw/MSHbBunj5XLXho2gYcU2IYjBFZBt65A48IDJJ94D7LEnoFuaJScjEbxmPaPqvE1UrvplkwWiUPoN/3d4bshwx+wybln1oM4jnO/qGcOkyWZ28RrEhewgRznPYisJhVkBZWi+YoSYaQTkURLxi3CZ68xmWVQLyec3v3sxnOYu+ibOBtBgOFI+WYEBQAvI38y4jUdOTyoHyWw32Plr+y/4fnOzxEXVs7emCdQpVeZuNbru4x1UltrhwtXgl37mIGoOQmf6PzafCO9MaQ+mmRSY5e8Ht/Z5/eWY30mwjbc7H3HAtYOUaPZbp8wIDAQAB",
-  "name": "Playwright MCP Bridge (multi-tab)",
-  "version": "0.0.68.3",
-  "description": "Share browser tabs with Playwright MCP server (multi-tab fork: Playwright can open and control multiple tabs)",
+  "name": "Playwright Extension",
+  "version": "0.2.1",
+  "description": "Connect your browser to AI agents through Playwright MCP server and CLI. Enables AI-driven web testing, debugging, and automation.",
   "permissions": [
     "debugger",
     "activeTab",
-    "tabs"
+    "tabs",
+    "tabGroups"
   ],
   "host_permissions": [
     "<all_urls>"
@@ -17,7 +17,7 @@
     "type": "module"
   },
   "action": {
-    "default_title": "Playwright MCP Bridge",
+    "default_title": "Playwright Extension",
     "default_icon": {
       "16": "icons/icon-16.png",
       "32": "icons/icon-32.png",
@@ -30,5 +30,6 @@
     "32": "icons/icon-32.png",
     "48": "icons/icon-48.png",
     "128": "icons/icon-128.png"
-  }
+  },
+  "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAwRsUUO4mmbCi4JpmrIoIw31iVW9+xUJRZ6nSzya17PQkaUPDxe1IpgM+vpd/xB6mJWlJSyE1Lj95c0sbomGfVY1M0zUeKbaRVcAb+/a6m59gNR+ubFlmTX0nK9/8fE2FpRB9D+4N5jyeIPQuASW/0oswI2/ijK7hH5NTRX8gWc/ROMSgUj7rKhTAgBrICt/NsStgDPsxRTPPJnhJ/ViJtM1P5KsSYswE987DPoFnpmkFpq8g1ae0eYbQfXy55ieaacC4QWyJPj3daU2kMfBQw7MXnnk0H/WDxouMOIHnd8MlQxpEMqAihj7KpuONH+MUhuj9HEQo4df6bSaIuQ0b4QIDAQAB"
 }

package/extension/status.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Playwright MCP Bridge Status</title>
+  <title>Playwright Extension Status</title>
   <script type="module" crossorigin src="/lib/ui/status.js"></script>
   <link rel="modulepreload" crossorigin href="/lib/ui/authToken.js">
   <link rel="stylesheet" crossorigin href="/lib/ui/authToken.css">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rechrome",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/snomiao/rechrome.git"

package/rech.js

@@ -254,7 +254,7 @@ export const EXTENSION_DIST_DIR = join(process.env.HOME!, ".rechrome", "extensio
 
 // With the manifest `key` field set, Chrome derives this ID deterministically from the key (not the path),
 // so we can locate the extension by ID even when the on-disk path differs from what Chrome stored.
-export const EXTENSION_ID = "fokngfbogklgiffokdnekajodmhgfnhk";
+export const EXTENSION_ID = "mmlmfjhmonkocbjadbfplnigmagldckm";
 
 async function ensureExtensionDistInstalled(): Promise<string> {
   const source = existsSync(BUNDLED_EXTENSION_DIST_DIR)
@@ -279,28 +279,41 @@ async function findInstalledExtension(
   const cache = await readChromeProfileCache();
   const profiles = profileDir ? [profileDir] : (cache ? Object.keys(cache) : []);
   // Resolve our known-good install paths up front for path-based fallback matching.
+  // LEGACY_EXTENSION_DIST_DIR is intentionally excluded: it points at the pre-V2 multi-tab
+  // bridge, which is incompatible with the current cdpRelayV2 relay — matching it would hand
+  // setup a stale, broken extension.
   const knownPaths = new Set<string>();
-  for (const p of [EXTENSION_DIST_DIR, BUNDLED_EXTENSION_DIST_DIR, LEGACY_EXTENSION_DIST_DIR]) {
+  for (const p of [EXTENSION_DIST_DIR, BUNDLED_EXTENSION_DIST_DIR]) {
     try { knownPaths.add(realpathSync(p)); } catch {}
   }
+  // Read each profile's settings once so we can prioritize stable-ID matches over path fallbacks.
+  const perProfile: Array<{ prof: string; settings: Record<string, any> }> = [];
   for (const prof of profiles) {
     const prefsPath = join(userDataDir, prof, "Secure Preferences");
     const f = file(prefsPath);
     if (!(await f.exists())) continue;
     try {
       const data = JSON.parse(await f.text());
-      const settings = data?.extensions?.settings ?? {};
-      for (const [extId, info] of Object.entries(settings as Record<string, any>)) {
-        if (!info?.path || info.state === 0) continue; // state 0 = explicitly disabled
-        // Primary: stable ID match (works when manifest `key` is set, regardless of path).
-        if (extId === EXTENSION_ID) return { id: extId, profile: prof };
-        // Fallback: path equality for legacy installs without a stable key.
-        let storedPath = info.path as string;
-        try { storedPath = realpathSync(storedPath); } catch {}
-        if (knownPaths.has(storedPath)) return { id: extId, profile: prof };
-      }
+      perProfile.push({ prof, settings: (data?.extensions?.settings ?? {}) as Record<string, any> });
     } catch {}
   }
+  // Pass 1: stable ID match (manifest `key` set, path-independent). This must win over any path
+  // fallback so a stale legacy install sitting on a known path can't shadow the current extension.
+  for (const { prof, settings } of perProfile) {
+    for (const [extId, info] of Object.entries(settings)) {
+      if (!info?.path || info.state === 0) continue; // state 0 = explicitly disabled
+      if (extId === EXTENSION_ID) return { id: extId, profile: prof };
+    }
+  }
+  // Pass 2: path equality fallback for legacy keyless installs without a stable ID.
+  for (const { prof, settings } of perProfile) {
+    for (const [extId, info] of Object.entries(settings)) {
+      if (!info?.path || info.state === 0) continue;
+      let storedPath = info.path as string;
+      try { storedPath = realpathSync(storedPath); } catch {}
+      if (knownPaths.has(storedPath)) return { id: extId, profile: prof };
+    }
+  }
   return null;
 }
 

package/rech.ts

@@ -254,7 +254,7 @@ export const EXTENSION_DIST_DIR = join(process.env.HOME!, ".rechrome", "extensio
 
 // With the manifest `key` field set, Chrome derives this ID deterministically from the key (not the path),
 // so we can locate the extension by ID even when the on-disk path differs from what Chrome stored.
-export const EXTENSION_ID = "fokngfbogklgiffokdnekajodmhgfnhk";
+export const EXTENSION_ID = "mmlmfjhmonkocbjadbfplnigmagldckm";
 
 async function ensureExtensionDistInstalled(): Promise<string> {
   const source = existsSync(BUNDLED_EXTENSION_DIST_DIR)
@@ -279,28 +279,41 @@ async function findInstalledExtension(
   const cache = await readChromeProfileCache();
   const profiles = profileDir ? [profileDir] : (cache ? Object.keys(cache) : []);
   // Resolve our known-good install paths up front for path-based fallback matching.
+  // LEGACY_EXTENSION_DIST_DIR is intentionally excluded: it points at the pre-V2 multi-tab
+  // bridge, which is incompatible with the current cdpRelayV2 relay — matching it would hand
+  // setup a stale, broken extension.
   const knownPaths = new Set<string>();
-  for (const p of [EXTENSION_DIST_DIR, BUNDLED_EXTENSION_DIST_DIR, LEGACY_EXTENSION_DIST_DIR]) {
+  for (const p of [EXTENSION_DIST_DIR, BUNDLED_EXTENSION_DIST_DIR]) {
     try { knownPaths.add(realpathSync(p)); } catch {}
   }
+  // Read each profile's settings once so we can prioritize stable-ID matches over path fallbacks.
+  const perProfile: Array<{ prof: string; settings: Record<string, any> }> = [];
   for (const prof of profiles) {
     const prefsPath = join(userDataDir, prof, "Secure Preferences");
     const f = file(prefsPath);
     if (!(await f.exists())) continue;
     try {
       const data = JSON.parse(await f.text());
-      const settings = data?.extensions?.settings ?? {};
-      for (const [extId, info] of Object.entries(settings as Record<string, any>)) {
-        if (!info?.path || info.state === 0) continue; // state 0 = explicitly disabled
-        // Primary: stable ID match (works when manifest `key` is set, regardless of path).
-        if (extId === EXTENSION_ID) return { id: extId, profile: prof };
-        // Fallback: path equality for legacy installs without a stable key.
-        let storedPath = info.path as string;
-        try { storedPath = realpathSync(storedPath); } catch {}
-        if (knownPaths.has(storedPath)) return { id: extId, profile: prof };
-      }
+      perProfile.push({ prof, settings: (data?.extensions?.settings ?? {}) as Record<string, any> });
     } catch {}
   }
+  // Pass 1: stable ID match (manifest `key` set, path-independent). This must win over any path
+  // fallback so a stale legacy install sitting on a known path can't shadow the current extension.
+  for (const { prof, settings } of perProfile) {
+    for (const [extId, info] of Object.entries(settings)) {
+      if (!info?.path || info.state === 0) continue; // state 0 = explicitly disabled
+      if (extId === EXTENSION_ID) return { id: extId, profile: prof };
+    }
+  }
+  // Pass 2: path equality fallback for legacy keyless installs without a stable ID.
+  for (const { prof, settings } of perProfile) {
+    for (const [extId, info] of Object.entries(settings)) {
+      if (!info?.path || info.state === 0) continue;
+      let storedPath = info.path as string;
+      try { storedPath = realpathSync(storedPath); } catch {}
+      if (knownPaths.has(storedPath)) return { id: extId, profile: prof };
+    }
+  }
   return null;
 }