clay-server 2.26.0-beta.18 → 2.26.0-beta.19

package/lib/browser-mcp-server.js

@@ -111,7 +111,7 @@ function create(sendCommand, getTabList, contextOps) {
   // --- browser_screenshot ---
   tools.push(tool(
     "browser_screenshot",
-    "Capture a screenshot of a browser tab (full viewport or a specific element)",
+    "Capture a screenshot of a browser tab. Skip if the tab is already attached as a context source (data is auto-injected).",
     buildShape({
       tabId: { type: "number", description: "Tab ID" },
       selector: { type: "string", description: "CSS selector to capture a specific element (optional)" },
@@ -134,7 +134,7 @@ function create(sendCommand, getTabList, contextOps) {
   // --- browser_console ---
   tools.push(tool(
     "browser_console",
-    "Read captured console logs from a tab (log, warn, error, info)",
+    "Read captured console logs from a tab. Skip if the tab is already a context source (data is auto-injected).",
     buildShape({
       tabId: { type: "number", description: "Tab ID" },
     }, ["tabId"]),
@@ -157,7 +157,7 @@ function create(sendCommand, getTabList, contextOps) {
   // --- browser_network ---
   tools.push(tool(
     "browser_network",
-    "Read captured network requests (fetch/XHR) from a tab",
+    "Read captured network requests (fetch/XHR) from a tab. Skip if the tab is already a context source.",
     buildShape({
       tabId: { type: "number", description: "Tab ID" },
     }, ["tabId"]),
@@ -181,7 +181,7 @@ function create(sendCommand, getTabList, contextOps) {
   // --- browser_read_page ---
   tools.push(tool(
     "browser_read_page",
-    "Read page text content (innerText). Optionally read only a specific element.",
+    "Read page text content (innerText). Skip if the tab is already a context source (text is auto-injected). Use for tabs NOT in context sources, or to read a specific element via selector.",
     buildShape({
       tabId: { type: "number", description: "Tab ID" },
       selector: { type: "string", description: "CSS selector to read specific element (optional)" },

package/lib/project.js

@@ -4236,7 +4236,8 @@ function createProjectContext(opts) {
                   data: screenshotData,
                   file: screenshotName,
                   tabTitle: tabLabel,
-                  tabUrl: tabInfo ? tabInfo.url : ""
+                  tabUrl: tabInfo ? tabInfo.url : "",
+                  tabFavIconUrl: tabInfo ? tabInfo.favIconUrl : ""
                 });
                 parts.push("[Screenshot saved: " + screenshotPath + "]");
               }
@@ -4258,7 +4259,8 @@ function createProjectContext(opts) {
         }
 
         if (tabContextParts.length > 0) {
-          fullText = tabContextParts.join("\n\n---\n\n") + "\n\n" + fullText;
+          fullText = "[The following browser tab data is automatically attached as context sources. Do NOT call browser_read_page, browser_console, browser_network, or browser_screenshot for these tabs — the data is already here.]\n\n" +
+            tabContextParts.join("\n\n---\n\n") + "\n\n" + fullText;
         }
 
         // If screenshots were captured, send context preview cards and add to SDK images
@@ -4272,6 +4274,7 @@ function createProjectContext(opts) {
               tab: {
                 title: ss.tabTitle || "",
                 url: ss.tabUrl || "",
+                favIconUrl: ss.tabFavIconUrl || "",
                 screenshotFile: ss.file
               }
             };
@@ -4282,6 +4285,7 @@ function createProjectContext(opts) {
               tab: {
                 title: ss.tabTitle || "",
                 url: ss.tabUrl || "",
+                favIconUrl: ss.tabFavIconUrl || "",
                 screenshotUrl: "/p/" + slug + "/images/" + ss.file
               }
             });

package/lib/public/app.js

@@ -4388,6 +4388,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
             if (dhBar) dhBar.remove();
             var dbBadges = document.querySelectorAll(".debate-header-badge");
             for (var dbi = 0; dbi < dbBadges.length; dbi++) dbBadges[dbi].remove();
+            // Clean up ended mode banner if debate is not active on this session
+            if (debateEndedMode) exitDebateEndedMode();
           }
           scrollToBottom();
           // Scroll to tool element if navigating from file edit history
@@ -4741,7 +4743,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
             header.className = "context-card-header";
             var icon = document.createElement("span");
             icon.className = "context-card-icon";
-            icon.textContent = "\uD83D\uDC41";
+            icon.innerHTML = iconHtml("globe");
             header.appendChild(icon);
             var label = document.createElement("span");
             label.textContent = "Viewing tab";
@@ -4765,6 +4767,15 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
             if (tabTitle || tabDomain) {
               var meta = document.createElement("div");
               meta.className = "context-card-meta";
+              if (msg.tab.favIconUrl) {
+                var fav = document.createElement("img");
+                fav.className = "context-card-favicon";
+                fav.src = msg.tab.favIconUrl;
+                fav.width = 14;
+                fav.height = 14;
+                fav.onerror = function () { this.style.display = "none"; };
+                meta.appendChild(fav);
+              }
               var titleEl = document.createElement("span");
               titleEl.className = "context-card-title";
               titleEl.textContent = tabTitle;

package/lib/public/css/filebrowser.css

@@ -873,7 +873,8 @@
 .terminal-tab.active { color: var(--text); border-color: var(--accent); }
 .terminal-tab.exited { opacity: 0.5; }
 
-.terminal-tab-close {
+
+.terminal-tab-more {
   display: none;
   align-items: center;
   justify-content: center;
@@ -888,9 +889,44 @@
   line-height: 1;
 }
 
-.terminal-tab:hover .terminal-tab-close,
-.terminal-tab.active .terminal-tab-close { display: flex; }
-.terminal-tab-close:hover { background: rgba(var(--overlay-rgb),0.1); color: var(--text); }
+.terminal-tab:hover .terminal-tab-more,
+.terminal-tab.active .terminal-tab-more { display: flex; }
+.terminal-tab-more:hover { background: rgba(var(--overlay-rgb),0.1); color: var(--text); }
+
+.terminal-tab-ctx {
+  position: fixed;
+  z-index: 9999;
+  min-width: 120px;
+  background: var(--bg-elevated, var(--bg));
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 4px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+.terminal-tab-ctx-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 10px;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 12px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.terminal-tab-ctx-item:hover {
+  background: rgba(var(--overlay-rgb),0.08);
+  color: var(--text);
+}
+
+.terminal-tab-ctx-danger:hover {
+  color: #e74c3c;
+}
 
 .terminal-tab-label { cursor: default; }
 
@@ -971,6 +1007,7 @@
 
 .terminal-tab-body .xterm {
   height: 100%;
+  overflow: hidden;
 }
 
 /* --- Terminal key toolbar (mobile) --- */

package/lib/public/css/rewind.css

@@ -197,8 +197,13 @@
 }
 
 .context-card-header .context-card-icon {
-  font-size: 13px;
   opacity: 0.7;
+  display: inline-flex;
+  align-items: center;
+}
+.context-card-header .context-card-icon .lucide {
+  width: 14px;
+  height: 14px;
 }
 
 .context-card-screenshot {
@@ -226,10 +231,16 @@
 
 .context-card-meta {
   display: flex;
-  justify-content: space-between;
-  align-items: baseline;
+  align-items: center;
   margin-top: 8px;
-  gap: 12px;
+  gap: 6px;
+}
+.context-card-favicon {
+  width: 14px;
+  height: 14px;
+  border-radius: 2px;
+  flex-shrink: 0;
+  object-fit: contain;
 }
 
 .context-card-title {
@@ -240,6 +251,8 @@
   text-overflow: ellipsis;
   flex: 1;
   min-width: 0;
+  flex: 1;
+  min-width: 0;
 }
 
 .context-card-domain {

package/lib/public/index.html

@@ -2040,6 +2040,7 @@
 <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5/lib/xterm.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0/lib/addon-fit.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-web-links@0/lib/addon-web-links.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@xterm/addon-webgl@0/lib/addon-webgl.min.js"></script>
 <script type="module" src="app.js"></script>
 <div id="pwa-install-modal" class="pwa-modal hidden">
   <div class="pwa-modal-backdrop"></div>

package/lib/public/modules/debate.js

@@ -690,8 +690,8 @@ export function renderDebateEnded(entry) {
   ctx.messagesEl.appendChild(statusLine);
   refreshIcons();
 
-  // Show ended mode with native input area
-  if (ctx.showDebateEndedMode) ctx.showDebateEndedMode(entry);
+  // During history replay, don't activate ended mode banner.
+  // The debate is already over; status line in messages is sufficient.
 }
 
 export function renderDebateCommentInjected(entry) {

package/lib/public/modules/terminal.js

@@ -352,6 +352,16 @@ function createXtermForTab(tab) {
 
   xterm.open(bodyEl);
 
+  // WebGL addon: pixel-perfect rendering (eliminates gaps in block characters)
+  // Must be loaded after xterm.open() so the rendering context is available.
+  if (typeof WebglAddon !== "undefined") {
+    try {
+      xterm.loadAddon(new WebglAddon.WebglAddon());
+    } catch (e) {
+      // WebGL not available, fall back to DOM renderer
+    }
+  }
+
   // Route input to server
   xterm.onData(function (data) {
     if (ctx.ws && ctx.connected) {
@@ -481,14 +491,14 @@ function renderTabBar() {
         startRenameTab(t, label);
       });
 
-      var closeBtn = document.createElement("button");
-      closeBtn.className = "terminal-tab-close";
-      closeBtn.innerHTML = '<i data-lucide="trash-2" style="width:12px;height:12px"></i>';
-      closeBtn.addEventListener("click", function (e) {
+      var moreBtn = document.createElement("button");
+      moreBtn.className = "terminal-tab-more";
+      moreBtn.innerHTML = '<i data-lucide="ellipsis" style="width:12px;height:12px"></i>';
+      moreBtn.addEventListener("click", function (e) {
         e.stopPropagation();
-        closeTab(t.id);
+        showTabContextMenu(e, t, label);
       });
-      el.appendChild(closeBtn);
+      el.appendChild(moreBtn);
 
       el.addEventListener("click", function () {
         if (t.id !== activeTabId) {
@@ -504,6 +514,52 @@ function renderTabBar() {
   refreshIcons();
 }
 
+// --- Tab context menu (three-dot) ---
+function showTabContextMenu(e, tab, labelEl) {
+  var existing = document.querySelector(".terminal-tab-ctx");
+  if (existing) existing.remove();
+
+  var menu = document.createElement("div");
+  menu.className = "terminal-tab-ctx";
+
+  var renameItem = document.createElement("button");
+  renameItem.className = "terminal-tab-ctx-item";
+  renameItem.innerHTML = '<i data-lucide="pencil" style="width:13px;height:13px"></i> Rename';
+  renameItem.addEventListener("click", function () {
+    menu.remove();
+    startRenameTab(tab, labelEl);
+  });
+  menu.appendChild(renameItem);
+
+  var closeItem = document.createElement("button");
+  closeItem.className = "terminal-tab-ctx-item terminal-tab-ctx-danger";
+  closeItem.innerHTML = '<i data-lucide="trash-2" style="width:13px;height:13px"></i> Close';
+  closeItem.addEventListener("click", function () {
+    menu.remove();
+    closeTab(tab.id);
+  });
+  menu.appendChild(closeItem);
+
+  document.body.appendChild(menu);
+  refreshIcons();
+
+  // Position near the button
+  var rect = e.currentTarget.getBoundingClientRect();
+  menu.style.top = (rect.bottom + 4) + "px";
+  menu.style.left = rect.left + "px";
+
+  // Dismiss on outside click
+  function dismiss(ev) {
+    if (!menu.contains(ev.target)) {
+      menu.remove();
+      document.removeEventListener("mousedown", dismiss, true);
+    }
+  }
+  setTimeout(function () {
+    document.addEventListener("mousedown", dismiss, true);
+  }, 0);
+}
+
 // --- Rename tab inline ---
 function startRenameTab(tab, labelEl) {
   var input = document.createElement("input");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.26.0-beta.18",
+  "version": "2.26.0-beta.19",
   "description": "Self-hosted Claude Code in your browser. Multi-session, multi-user, push notifications.",
   "bin": {
     "clay-server": "./bin/cli.js",