rechrome 1.12.3 → 1.14.0

package/extension/lib/background.mjs

@@ -368,14 +368,33 @@ async function openRelayConnection(mcpRelayUrl, protocolVersion) {
 }
 const PLAYWRIGHT_GROUP_TITLE = "Playwright";
 const PLAYWRIGHT_GROUP_COLOR = "green";
+const PLAYWRIGHT_GROUP_MARK = "🎭";
 const NON_DEBUGGABLE_SCHEMES = ["chrome:", "edge:", "devtools:"];
 const CONNECTED_BADGE = { text: "✓", color: "#4CAF50", title: "Connected to Playwright client" };
 function isNonDebuggableUrl(url) {
   return !!url && NON_DEBUGGABLE_SCHEMES.some((s) => url.startsWith(s));
 }
+function urlDomain(url) {
+  if (!url)
+    return void 0;
+  try {
+    const u = new URL(url);
+    if (u.protocol !== "http:" && u.protocol !== "https:")
+      return void 0;
+    return u.hostname.replace(/^www\./, "");
+  } catch {
+    return void 0;
+  }
+}
+function groupTitle(clientName, seedUrl) {
+  return `${PLAYWRIGHT_GROUP_MARK} ${clientName || urlDomain(seedUrl) || PLAYWRIGHT_GROUP_TITLE}`;
+}
 async function cleanupStalePlaywrightGroups() {
   try {
-    const groups = await chrome.tabGroups.query({ title: PLAYWRIGHT_GROUP_TITLE });
+    const groups = (await chrome.tabGroups.query({})).filter((g) => {
+      var _a;
+      return (_a = g.title) == null ? void 0 : _a.startsWith(PLAYWRIGHT_GROUP_MARK);
+    });
     const tabsPerGroup = await Promise.all(groups.map((g) => chrome.tabs.query({ groupId: g.id })));
     const tabIds = tabsPerGroup.flat().map((t) => t.id).filter((id) => id !== void 0);
     if (tabIds.length)
@@ -385,14 +404,16 @@ async function cleanupStalePlaywrightGroups() {
   }
 }
 class ConnectedTabGroup {
-  constructor(connection, selectedTab) {
+  constructor(connection, selectedTab, clientName) {
     __publicField(this, "_connection");
     __publicField(this, "_groupId", null);
     __publicField(this, "_groupTabIds", /* @__PURE__ */ new Set());
     __publicField(this, "_onTabUpdatedListener");
     __publicField(this, "_onTabRemovedListener");
+    __publicField(this, "_groupTitle");
     __publicField(this, "onclose");
     this._connection = connection;
+    this._groupTitle = groupTitle(clientName, selectedTab.url);
     this._connection.onclose = () => this._onConnectionClose();
     this._connection.ontabattached = (tabId) => this._onTabAttached(tabId);
     this._connection.ontabdetached = (tabId) => this._onTabDetached(tabId);
@@ -485,7 +506,7 @@ class ConnectedTabGroup {
       await this._retryOnDrag(async () => {
         if (this._groupId === null) {
           this._groupId = await chrome.tabs.group({ tabIds: [tabId] });
-          await chrome.tabGroups.update(this._groupId, { color: PLAYWRIGHT_GROUP_COLOR, title: PLAYWRIGHT_GROUP_TITLE });
+          await chrome.tabGroups.update(this._groupId, { color: PLAYWRIGHT_GROUP_COLOR, title: this._groupTitle });
         } else {
           await chrome.tabs.group({ groupId: this._groupId, tabIds: [tabId] });
         }
@@ -518,8 +539,11 @@ class ConnectedTabGroup {
 }
 class PlaywrightExtension {
   constructor() {
-    __publicField(this, "_activeGroup");
-    __publicField(this, "_activeClientName");
+    // Multiple concurrent clients can share one Chrome profile — each connection gets
+    // its own ConnectedTabGroup (its own Chrome tab group), so a new client no longer
+    // evicts existing ones. Tabs stay isolated by per-group _groupId / attachedTabs.
+    __publicField(this, "_activeGroups", /* @__PURE__ */ new Set());
+    __publicField(this, "_clientNames", /* @__PURE__ */ new Map());
     __publicField(this, "_pendingConnections", new PendingConnections());
     // Service worker restarts lose all connection state, so any existing
     // Playwright groups are stale. Connections wait on this before reconciling.
@@ -530,7 +554,6 @@ class PlaywrightExtension {
   }
   // Promise-based message handling is not supported in Chrome: https://issues.chromium.org/issues/40753031
   _onMessage(message, sender, sendResponse) {
-    var _a;
     switch (message.type) {
       case "connectionRequested":
         this._pendingConnections.create(sender.tab.id, message.mcpRelayUrl, message.protocolVersion).then(
@@ -541,8 +564,8 @@ class PlaywrightExtension {
       case "getTabs":
         this._getTabs().then(
           (tabs) => {
-            var _a2;
-            return sendResponse({ success: true, tabs, currentTabId: (_a2 = sender.tab) == null ? void 0 : _a2.id });
+            var _a;
+            return sendResponse({ success: true, tabs, currentTabId: (_a = sender.tab) == null ? void 0 : _a.id });
           },
           (error) => sendResponse({ success: false, error: error.message })
         );
@@ -557,8 +580,8 @@ class PlaywrightExtension {
       }
       case "getConnectionStatus":
         sendResponse({
-          connectedTabIds: ((_a = this._activeGroup) == null ? void 0 : _a.connectedTabIds()) ?? [],
-          clientName: this._activeClientName
+          connectedTabIds: [...this._activeGroups].flatMap((group) => group.connectedTabIds()),
+          clientName: [...this._clientNames.values()].filter(Boolean).join(", ") || void 0
         });
         return false;
       case "disconnect":
@@ -576,19 +599,16 @@ class PlaywrightExtension {
   async _connectTab(selectorTabId, tab, clientName) {
     try {
       await this._cleanupPromise;
-      this._disconnect("Another connection is requested");
       const connection = await this._pendingConnections.take(selectorTabId);
       if (!connection)
         throw new Error("Pending client connection closed");
-      const group = new ConnectedTabGroup(connection, tab);
+      const group = new ConnectedTabGroup(connection, tab, clientName);
       group.onclose = () => {
-        if (this._activeGroup === group) {
-          this._activeGroup = void 0;
-          this._activeClientName = void 0;
-        }
+        this._activeGroups.delete(group);
+        this._clientNames.delete(group);
       };
-      this._activeGroup = group;
-      this._activeClientName = clientName;
+      this._activeGroups.add(group);
+      this._clientNames.set(group, clientName);
       await Promise.all([
         chrome.tabs.update(tab.id, { active: true }),
         chrome.windows.update(tab.windowId, { focused: true })
@@ -612,13 +632,13 @@ class PlaywrightExtension {
       active: true
     });
   }
-  // Closes the active group's connection if any. ConnectedTabGroup's onclose
-  // handles state cleanup (connectedTabIds, badges, reconcile).
+  // Closes every active group's connection. ConnectedTabGroup's onclose handles
+  // per-group state cleanup (connectedTabIds, badges, reconcile).
   _disconnect(reason) {
-    var _a;
-    (_a = this._activeGroup) == null ? void 0 : _a.close(reason);
-    this._activeGroup = void 0;
-    this._activeClientName = void 0;
+    for (const group of this._activeGroups)
+      group.close(reason);
+    this._activeGroups.clear();
+    this._clientNames.clear();
   }
 }
 new PlaywrightExtension();

package/extension/lib/ui/connect.js

@@ -27,9 +27,10 @@ const ConnectApp = () => {
         setError(`Invalid mcpRelayUrl parameter in URL: ${relayUrl}. ${e}`);
         return;
       }
+      let info = "unknown";
       try {
         const client = JSON.parse(params.get("client") || "{}");
-        const info = `${client.name || "unknown"}`;
+        info = `${client.name || "unknown"}`;
         setClientInfo(info);
         setStatus({
           type: "connecting",
@@ -60,7 +61,7 @@ const ConnectApp = () => {
       const expectedToken = getOrCreateAuthToken();
       const token = params.get("token");
       if (token === expectedToken) {
-        await handleConnectToTab();
+        await handleConnectToTab(void 0, info);
         return;
       }
       if (token) {
@@ -86,26 +87,26 @@ const ConnectApp = () => {
     else
       setStatus({ type: "error", message: "Failed to load tabs: " + response.error });
   }, []);
-  const handleConnectToTab = reactExports.useCallback(async (tab) => {
+  const handleConnectToTab = reactExports.useCallback(async (tab, clientName = clientInfo) => {
     setShowTabList(false);
     try {
       const response = await chrome.runtime.sendMessage({
         type: "connectToTab",
         tab,
-        clientName: clientInfo
+        clientName
       });
       if (response == null ? void 0 : response.success) {
-        setStatus({ type: "connected", message: `"${clientInfo}" connected.` });
+        setStatus({ type: "connected", message: `"${clientName}" connected.` });
       } else {
         setStatus({
           type: "error",
-          message: (response == null ? void 0 : response.error) || `"${clientInfo}" failed to connect.`
+          message: (response == null ? void 0 : response.error) || `"${clientName}" failed to connect.`
         });
       }
     } catch (e) {
       setStatus({
         type: "error",
-        message: `"${clientInfo}" failed to connect: ${e}`
+        message: `"${clientName}" failed to connect: ${e}`
       });
     }
   }, [clientInfo]);

package/package.json

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

package/rech.js

@@ -597,7 +597,7 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   };
 
   // [1/4] Daemon
-  console.log("\n[1/4] Setting up serve daemon...");
+  console.log("\n[1/4] Checking serve daemon...");
 
   // Bind address (persists to ~/.env.local as RECH_HOST).
   // Read the persisted value from ~/.env.local directly — process.env may be shadowed by nearer .env files.
@@ -630,15 +630,24 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   const liveBindUnknown = !!authPing?.ok && !liveBind;
   const currentBind = liveBind || persistedBind;
 
+  // A healthy daemon already answering on our key needs no reinstall — don't re-prompt for it.
+  const daemonHealthy = !!(anonPing && authPing?.ok && !liveBindUnknown);
+  // An explicit RECH_HOST override that differs from the live bind is a deliberate rebind request.
+  const explicitRebind = !!process.env.RECH_HOST && process.env.RECH_HOST !== currentBind;
+
   // Non-TTY honors explicit process.env.RECH_HOST (shell or merged env stack) — matches the documented `RECH_HOST=0.0.0.0 rech setup` flow.
   let desiredBind = process.env.RECH_HOST || currentBind;
-  if (isTTY) {
+  // Only prompt to (re)configure the bind when we actually need to set up the daemon. A running
+  // daemon is left alone unless the user explicitly asks for a different bind via RECH_HOST.
+  if (isTTY && (!daemonHealthy || explicitRebind)) {
     console.log(`\n      Bind address (current: ${currentBind}):`);
     console.log(`        1.  127.0.0.1  (localhost only)`);
     console.log(`        2.  0.0.0.0    (all interfaces — HTTP plaintext, trust your network)`);
     const defaultBindChoice = currentBind === "0.0.0.0" ? "2" : "1";
     const bindAns = (await ask(`      Choice [${defaultBindChoice}]: `, defaultBindChoice)).trim();
     desiredBind = bindAns === "2" || bindAns === "0.0.0.0" ? "0.0.0.0" : "127.0.0.1";
+  } else if (daemonHealthy) {
+    console.log(`      Daemon already running at ${protocol}://${host}:${port} (bind: ${currentBind}) — skipping daemon setup`);
   }
   const bindChanged = desiredBind !== currentBind;
   const persistedChanged = desiredBind !== persistedBind;
@@ -774,11 +783,26 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
       console.log(`      [agent] Find PLAYWRIGHT_MCP_EXTENSION_TOKEN=... on that page`);
       console.log(`      [agent] Provide the token value on next stdin line:\n`);
     }
-    const tokenInput = (await ask("      Paste token: ")).trim();
-    const token = tokenInput.replace(/^.*?=/, "").trim();
-    if (!token || token.length < 20) { console.error("      Invalid token (too short)"); return null; }
-    console.log("      Token accepted");
-    return { extId, token };
+    // Retry on empty/too-short paste — a truncated copy or a stale token shouldn't
+    // abort the whole setup. Bounded so a non-TTY agent with exhausted stdin can't spin.
+    const maxTries = isTTY ? 5 : 3;
+    for (let attempt = 1; attempt <= maxTries; attempt++) {
+      const tokenInput = (await ask("      Paste token: ")).trim();
+      const token = tokenInput.replace(/^.*?=/, "").trim();
+      const retriesLeft = maxTries - attempt;
+      if (!token) {
+        console.error(`      No token entered.${retriesLeft ? " Copy the full PLAYWRIGHT_MCP_EXTENSION_TOKEN value and try again." : ""}`);
+      } else if (token.length < 20) {
+        console.error(`      Token too short (${token.length} chars) — likely truncated when copying.${retriesLeft ? " Re-copy the full value and try again." : ""}`);
+      } else {
+        console.log("      Token accepted");
+        return { extId, token };
+      }
+      // Non-TTY with no input left: ask() won't block, so stop instead of burning retries on empty reads.
+      if (!isTTY && !tokenInput) break;
+    }
+    console.error("      No valid token provided — aborting");
+    return null;
   }
 
   // [2/4] Primary profile
@@ -809,12 +833,16 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   const pwdEnvPath = join(process.cwd(), ".env.local");
   const pwdRechPath = join(process.cwd(), ".rechrome", ".env.local");
   const homeEnvPath = join(process.env.HOME!, ".env.local");
+  // Show whether each target already exists so it's clear we'll update (merge) vs create.
+  const tag = async (p: string) => (await file(p).exists()) ? "exists → will update" : "new file";
+  const [pwdTag, pwdRechTag, homeTag] = await Promise.all([tag(pwdEnvPath), tag(pwdRechPath), tag(homeEnvPath)]);
   const saveChoice = (await ask(
-    `Save to:\n  1. ${pwdEnvPath} (current dir) [default]\n  2. ${pwdRechPath} (current dir, rechrome-only)\n  3. ${homeEnvPath} (user home)\n  4. Skip (already copied)\n\n  Choice [1]: `
+    `Save to:\n  1. ${pwdEnvPath} (current dir) [${pwdTag}] [default]\n  2. ${pwdRechPath} (current dir, rechrome-only) [${pwdRechTag}]\n  3. ${homeEnvPath} (user home) [${homeTag}]\n  4. Skip (already copied)\n\n  Choice [1]: `
   )).trim();
   if (saveChoice !== "4") {
     const globalEnvPath = saveChoice === "3" ? homeEnvPath : saveChoice === "2" ? pwdRechPath : pwdEnvPath;
     if (saveChoice === "2") mkdirSync(join(process.cwd(), ".rechrome"), { recursive: true });
+    const existedBefore = await file(globalEnvPath).exists();
     const existing = await file(globalEnvPath).text().catch(() => "");
     const keysToRemove = ["PLAYWRIGHT_MCP_USER_DATA_DIR", "PLAYWRIGHT_MCP_EXTENSION_ID", "PLAYWRIGHT_MCP_EXTENSION_TOKEN", "PLAYWRIGHT_MCP_PROFILE_DIRECTORY"];
     let lines = existing.trimEnd().split("\n").filter(l => !keysToRemove.some(k => l.startsWith(`${k}=`)));
@@ -822,7 +850,7 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
     if (rechIdx >= 0) lines[rechIdx] = newLine;
     else lines.push(newLine);
     await Bun.write(globalEnvPath, lines.join("\n").trim() + "\n");
-    console.log(`\nSaved to ${globalEnvPath}`);
+    console.log(`\n${existedBefore ? "Updated" : "Created"} ${globalEnvPath}`);
   }
 
   // Save primary to token registry
@@ -850,7 +878,7 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   }
   rl?.close();
   envWatcher?.close();
-  console.log(`\nDone! Test with:\n  rech eval "() => document.title"`);
+  console.log(`\nDone! Test with:\n  rech open github.com/snomiao`);
 }
 
 async function status(): Promise<void> {

package/rech.ts

@@ -597,7 +597,7 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   };
 
   // [1/4] Daemon
-  console.log("\n[1/4] Setting up serve daemon...");
+  console.log("\n[1/4] Checking serve daemon...");
 
   // Bind address (persists to ~/.env.local as RECH_HOST).
   // Read the persisted value from ~/.env.local directly — process.env may be shadowed by nearer .env files.
@@ -630,15 +630,24 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   const liveBindUnknown = !!authPing?.ok && !liveBind;
   const currentBind = liveBind || persistedBind;
 
+  // A healthy daemon already answering on our key needs no reinstall — don't re-prompt for it.
+  const daemonHealthy = !!(anonPing && authPing?.ok && !liveBindUnknown);
+  // An explicit RECH_HOST override that differs from the live bind is a deliberate rebind request.
+  const explicitRebind = !!process.env.RECH_HOST && process.env.RECH_HOST !== currentBind;
+
   // Non-TTY honors explicit process.env.RECH_HOST (shell or merged env stack) — matches the documented `RECH_HOST=0.0.0.0 rech setup` flow.
   let desiredBind = process.env.RECH_HOST || currentBind;
-  if (isTTY) {
+  // Only prompt to (re)configure the bind when we actually need to set up the daemon. A running
+  // daemon is left alone unless the user explicitly asks for a different bind via RECH_HOST.
+  if (isTTY && (!daemonHealthy || explicitRebind)) {
     console.log(`\n      Bind address (current: ${currentBind}):`);
     console.log(`        1.  127.0.0.1  (localhost only)`);
     console.log(`        2.  0.0.0.0    (all interfaces — HTTP plaintext, trust your network)`);
     const defaultBindChoice = currentBind === "0.0.0.0" ? "2" : "1";
     const bindAns = (await ask(`      Choice [${defaultBindChoice}]: `, defaultBindChoice)).trim();
     desiredBind = bindAns === "2" || bindAns === "0.0.0.0" ? "0.0.0.0" : "127.0.0.1";
+  } else if (daemonHealthy) {
+    console.log(`      Daemon already running at ${protocol}://${host}:${port} (bind: ${currentBind}) — skipping daemon setup`);
   }
   const bindChanged = desiredBind !== currentBind;
   const persistedChanged = desiredBind !== persistedBind;
@@ -774,11 +783,26 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
       console.log(`      [agent] Find PLAYWRIGHT_MCP_EXTENSION_TOKEN=... on that page`);
       console.log(`      [agent] Provide the token value on next stdin line:\n`);
     }
-    const tokenInput = (await ask("      Paste token: ")).trim();
-    const token = tokenInput.replace(/^.*?=/, "").trim();
-    if (!token || token.length < 20) { console.error("      Invalid token (too short)"); return null; }
-    console.log("      Token accepted");
-    return { extId, token };
+    // Retry on empty/too-short paste — a truncated copy or a stale token shouldn't
+    // abort the whole setup. Bounded so a non-TTY agent with exhausted stdin can't spin.
+    const maxTries = isTTY ? 5 : 3;
+    for (let attempt = 1; attempt <= maxTries; attempt++) {
+      const tokenInput = (await ask("      Paste token: ")).trim();
+      const token = tokenInput.replace(/^.*?=/, "").trim();
+      const retriesLeft = maxTries - attempt;
+      if (!token) {
+        console.error(`      No token entered.${retriesLeft ? " Copy the full PLAYWRIGHT_MCP_EXTENSION_TOKEN value and try again." : ""}`);
+      } else if (token.length < 20) {
+        console.error(`      Token too short (${token.length} chars) — likely truncated when copying.${retriesLeft ? " Re-copy the full value and try again." : ""}`);
+      } else {
+        console.log("      Token accepted");
+        return { extId, token };
+      }
+      // Non-TTY with no input left: ask() won't block, so stop instead of burning retries on empty reads.
+      if (!isTTY && !tokenInput) break;
+    }
+    console.error("      No valid token provided — aborting");
+    return null;
   }
 
   // [2/4] Primary profile
@@ -809,12 +833,16 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   const pwdEnvPath = join(process.cwd(), ".env.local");
   const pwdRechPath = join(process.cwd(), ".rechrome", ".env.local");
   const homeEnvPath = join(process.env.HOME!, ".env.local");
+  // Show whether each target already exists so it's clear we'll update (merge) vs create.
+  const tag = async (p: string) => (await file(p).exists()) ? "exists → will update" : "new file";
+  const [pwdTag, pwdRechTag, homeTag] = await Promise.all([tag(pwdEnvPath), tag(pwdRechPath), tag(homeEnvPath)]);
   const saveChoice = (await ask(
-    `Save to:\n  1. ${pwdEnvPath} (current dir) [default]\n  2. ${pwdRechPath} (current dir, rechrome-only)\n  3. ${homeEnvPath} (user home)\n  4. Skip (already copied)\n\n  Choice [1]: `
+    `Save to:\n  1. ${pwdEnvPath} (current dir) [${pwdTag}] [default]\n  2. ${pwdRechPath} (current dir, rechrome-only) [${pwdRechTag}]\n  3. ${homeEnvPath} (user home) [${homeTag}]\n  4. Skip (already copied)\n\n  Choice [1]: `
   )).trim();
   if (saveChoice !== "4") {
     const globalEnvPath = saveChoice === "3" ? homeEnvPath : saveChoice === "2" ? pwdRechPath : pwdEnvPath;
     if (saveChoice === "2") mkdirSync(join(process.cwd(), ".rechrome"), { recursive: true });
+    const existedBefore = await file(globalEnvPath).exists();
     const existing = await file(globalEnvPath).text().catch(() => "");
     const keysToRemove = ["PLAYWRIGHT_MCP_USER_DATA_DIR", "PLAYWRIGHT_MCP_EXTENSION_ID", "PLAYWRIGHT_MCP_EXTENSION_TOKEN", "PLAYWRIGHT_MCP_PROFILE_DIRECTORY"];
     let lines = existing.trimEnd().split("\n").filter(l => !keysToRemove.some(k => l.startsWith(`${k}=`)));
@@ -822,7 +850,7 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
     if (rechIdx >= 0) lines[rechIdx] = newLine;
     else lines.push(newLine);
     await Bun.write(globalEnvPath, lines.join("\n").trim() + "\n");
-    console.log(`\nSaved to ${globalEnvPath}`);
+    console.log(`\n${existedBefore ? "Updated" : "Created"} ${globalEnvPath}`);
   }
 
   // Save primary to token registry
@@ -850,7 +878,7 @@ async function setup(opts: { profile?: string } = {}): Promise<void> {
   }
   rl?.close();
   envWatcher?.close();
-  console.log(`\nDone! Test with:\n  rech eval "() => document.title"`);
+  console.log(`\nDone! Test with:\n  rech open github.com/snomiao`);
 }
 
 async function status(): Promise<void> {

package/serve.js

@@ -14,6 +14,20 @@ import {
 const TAILSCALE_BIN = process.env.TAILSCALE_BIN || "/Applications/Tailscale.app/Contents/MacOS/Tailscale";
 const CERT_RENEW_THRESHOLD_DAYS = 7;
 
+// Short, human-friendly label for a client identity, used as the Chrome tab-group
+// name so concurrent sessions on one profile are distinguishable.
+// gitUrl ".../owner/repo/tree/branch" -> "repo:branch"; "host:/path/to/dir" -> "dir";
+// bare host/IP -> as-is. Strips a trailing "@profile" (email) suffix first.
+function shortClientLabel(raw: string): string {
+  if (!raw) return raw;
+  const baseId = raw.includes("@") ? raw.slice(0, raw.indexOf("@")) : raw;
+  const git = baseId.match(/^https?:\/\/[^/]+\/[^/]+\/([^/]+?)(?:\/tree\/(.+))?$/);
+  if (git) return git[2] ? `${git[1]}:${git[2]}` : git[1];
+  const hostCwd = baseId.match(/^[^:]+:(.+)$/);
+  if (hostCwd) return hostCwd[1].split("/").filter(Boolean).pop() || baseId;
+  return baseId;
+}
+
 async function renewCertIfNeeded(certPath: string, keyPath: string): Promise<boolean> {
   const certContent = await file(certPath).text().catch(() => null);
   if (!certContent) return false;
@@ -233,7 +247,7 @@ export async function serve() {
         TMPDIR: process.env.TMPDIR,
         DISPLAY: process.env.DISPLAY,
         XDG_RUNTIME_DIR: process.env.XDG_RUNTIME_DIR,
-        ...(clientName ? { PLAYWRIGHT_MCP_CLIENT_NAME: clientName } : {}),
+        ...(clientName ? { PLAYWRIGHT_MCP_CLIENT_NAME: shortClientLabel(clientName) } : {}),
         ...passthroughEnv,
         // Enable extension bridge when credentials are present
         ...(passthroughEnv.PLAYWRIGHT_MCP_EXTENSION_ID && passthroughEnv.PLAYWRIGHT_MCP_EXTENSION_TOKEN

package/serve.ts

@@ -14,6 +14,20 @@ import {
 const TAILSCALE_BIN = process.env.TAILSCALE_BIN || "/Applications/Tailscale.app/Contents/MacOS/Tailscale";
 const CERT_RENEW_THRESHOLD_DAYS = 7;
 
+// Short, human-friendly label for a client identity, used as the Chrome tab-group
+// name so concurrent sessions on one profile are distinguishable.
+// gitUrl ".../owner/repo/tree/branch" -> "repo:branch"; "host:/path/to/dir" -> "dir";
+// bare host/IP -> as-is. Strips a trailing "@profile" (email) suffix first.
+function shortClientLabel(raw: string): string {
+  if (!raw) return raw;
+  const baseId = raw.includes("@") ? raw.slice(0, raw.indexOf("@")) : raw;
+  const git = baseId.match(/^https?:\/\/[^/]+\/[^/]+\/([^/]+?)(?:\/tree\/(.+))?$/);
+  if (git) return git[2] ? `${git[1]}:${git[2]}` : git[1];
+  const hostCwd = baseId.match(/^[^:]+:(.+)$/);
+  if (hostCwd) return hostCwd[1].split("/").filter(Boolean).pop() || baseId;
+  return baseId;
+}
+
 async function renewCertIfNeeded(certPath: string, keyPath: string): Promise<boolean> {
   const certContent = await file(certPath).text().catch(() => null);
   if (!certContent) return false;
@@ -233,7 +247,7 @@ export async function serve() {
         TMPDIR: process.env.TMPDIR,
         DISPLAY: process.env.DISPLAY,
         XDG_RUNTIME_DIR: process.env.XDG_RUNTIME_DIR,
-        ...(clientName ? { PLAYWRIGHT_MCP_CLIENT_NAME: clientName } : {}),
+        ...(clientName ? { PLAYWRIGHT_MCP_CLIENT_NAME: shortClientLabel(clientName) } : {}),
         ...passthroughEnv,
         // Enable extension bridge when credentials are present
         ...(passthroughEnv.PLAYWRIGHT_MCP_EXTENSION_ID && passthroughEnv.PLAYWRIGHT_MCP_EXTENSION_TOKEN