claude-relay 2.3.0 → 2.3.1

package/README.md

@@ -133,6 +133,7 @@ Scan the QR code with your phone to connect instantly, or open the URL displayed
 * **Send While Processing** - Queue messages without waiting for the current response to finish.
 * **Sticky Todo Overlay** - TodoWrite tasks float as a progress bar while you scroll through the conversation.
 * **Scroll Position Hold** - Reading earlier messages will not get interrupted by new content arriving.
+* **RTL Text Support** - Automatic bidirectional text rendering for Arabic, Hebrew, and other RTL languages.
 
 **Server and Security**
 

package/bin/cli.js

@@ -6,6 +6,13 @@ var path = require("path");
 var { execSync, execFileSync, spawn } = require("child_process");
 var qrcode = require("qrcode-terminal");
 var net = require("net");
+
+// Detect dev mode before loading config (env must be set before require)
+var _isDev = process.argv[1] && path.basename(process.argv[1]) === "claude-relay-dev";
+if (_isDev) {
+  process.env.CLAUDE_RELAY_HOME = path.join(os.homedir(), ".claude-relay-dev");
+}
+
 var { loadConfig, saveConfig, configPath, socketPath, logPath, ensureConfigDir, isDaemonAlive, isDaemonAliveAsync, generateSlug, clearStaleConfig, loadClayrc, saveClayrc, readCrashInfo } = require("../lib/config");
 var { sendIPCCommand } = require("../lib/ipc");
 var { generateAuthToken } = require("../lib/server");
@@ -22,7 +29,7 @@ function openUrl(url) {
 }
 
 var args = process.argv.slice(2);
-var port = 2633;
+var port = _isDev ? 2635 : 2633;
 var useHttps = true;
 var skipUpdate = false;
 var debugMode = false;
@@ -467,7 +474,7 @@ function getAllIPs() {
 
 function ensureCerts(ip) {
   var homeDir = os.homedir();
-  var certDir = path.join(homeDir, ".claude-relay", "certs");
+  var certDir = path.join(process.env.CLAUDE_RELAY_HOME || path.join(homeDir, ".claude-relay"), "certs");
   var keyPath = path.join(certDir, "key.pem");
   var certPath = path.join(certDir, "cert.pem");
 

package/lib/config.js

@@ -3,7 +3,7 @@ var path = require("path");
 var os = require("os");
 var net = require("net");
 
-var CONFIG_DIR = path.join(os.homedir(), ".claude-relay");
+var CONFIG_DIR = process.env.CLAUDE_RELAY_HOME || path.join(os.homedir(), ".claude-relay");
 var CLAYRC_PATH = path.join(os.homedir(), ".clayrc");
 var CRASH_INFO_PATH = path.join(CONFIG_DIR, "crash.json");
 
@@ -13,7 +13,8 @@ function configPath() {
 
 function socketPath() {
   if (process.platform === "win32") {
-    return "\\\\.\\pipe\\claude-relay-daemon";
+    var pipeName = process.env.CLAUDE_RELAY_HOME ? "claude-relay-dev-daemon" : "claude-relay-daemon";
+    return "\\\\.\\pipe\\" + pipeName;
   }
   return path.join(CONFIG_DIR, "daemon.sock");
 }

package/lib/daemon.js

@@ -1,5 +1,9 @@
 #!/usr/bin/env node
 
+// Polyfill Symbol.dispose/asyncDispose for Node 18 (used by claude-agent-sdk)
+if (!Symbol.dispose) Symbol.dispose = Symbol("Symbol.dispose");
+if (!Symbol.asyncDispose) Symbol.asyncDispose = Symbol("Symbol.asyncDispose");
+
 var fs = require("fs");
 var path = require("path");
 var { loadConfig, saveConfig, socketPath, generateSlug, syncClayrc, writeCrashInfo, readCrashInfo, clearCrashInfo } = require("./config");
@@ -20,7 +24,7 @@ try {
 var tlsOptions = null;
 if (config.tls) {
   var os = require("os");
-  var certDir = path.join(os.homedir(), ".claude-relay", "certs");
+  var certDir = path.join(process.env.CLAUDE_RELAY_HOME || path.join(os.homedir(), ".claude-relay"), "certs");
   var keyPath = path.join(certDir, "key.pem");
   var certPath = path.join(certDir, "cert.pem");
   try {

package/lib/pages.js

@@ -695,8 +695,15 @@ function dashboardPageHtml(projects, version) {
     '<div class="subtitle">Select a project</div>' +
     '<div class="cards">' + cards + '</div>' +
     '<div class="footer">v' + escapeHtml(version || "") + '</div>' +
+    '<style>' +
+    '.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#3A3936;border:1px solid #DA7756;color:#E8E5DE;padding:12px 24px;border-radius:8px;font-size:14px;z-index:999;opacity:0;transition:opacity .3s}' +
+    '.toast.show{opacity:1}' +
+    '</style>' +
     '<script>var s=window.matchMedia("(display-mode:standalone)").matches||navigator.standalone;' +
-    'if(s&&!localStorage.getItem("setup-done")){var t=/^100\\./.test(location.hostname);location.replace("/setup"+(t?"":"?mode=lan"));}</script>' +
+    'if(s&&!localStorage.getItem("setup-done")){var t=/^100\\./.test(location.hostname);location.replace("/setup"+(t?"":"?mode=lan"));}' +
+    'var p=new URLSearchParams(location.search);var g=p.get("gone");' +
+    'if(g){history.replaceState(null,"","/");var d=document.createElement("div");d.className="toast";d.textContent="Project \\""+g+"\\" is no longer available";document.body.appendChild(d);' +
+    'requestAnimationFrame(function(){d.className="toast show"});setTimeout(function(){d.className="toast";setTimeout(function(){d.remove()},300)},5000);}</script>' +
     '</body></html>';
 }
 

package/lib/project.js

@@ -911,17 +911,6 @@ function createProjectContext(opts) {
     if (clients.size === 0) {
       stopFileWatch();
       stopAllDirWatches();
-      // Abort all running queries when no clients are connected
-      var aborted = 0;
-      sm.sessions.forEach(function (session) {
-        if (session.isProcessing && session.abortController) {
-          try { session.abortController.abort(); } catch (e) {}
-          aborted++;
-        }
-      });
-      if (aborted > 0) {
-        console.log("[project:" + slug + "] No clients connected, aborted " + aborted + " active queries");
-      }
     }
     broadcastClientCount();
   }

package/lib/public/app.js

@@ -185,6 +185,8 @@ import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUs
   // isComposing -> modules/input.js
   var reconnectTimer = null;
   var reconnectDelay = 1000;
+  var disconnectNotifTimer = null;
+  var disconnectNotifShown = false;
   var activityEl = null;
   var currentMsgEl = null;
   var currentFullText = "";
@@ -974,6 +976,7 @@ import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUs
     div.dataset.turn = ++turnCounter;
     var bubble = document.createElement("div");
     bubble.className = "bubble";
+    bubble.dir = "auto";
 
     if (images && images.length > 0) {
       var imgRow = document.createElement("div");
@@ -1024,7 +1027,7 @@ import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUs
       currentMsgEl = document.createElement("div");
       currentMsgEl.className = "msg-assistant";
       currentMsgEl.dataset.turn = turnCounter;
-      currentMsgEl.innerHTML = '<div class="md-content"></div>';
+      currentMsgEl.innerHTML = '<div class="md-content" dir="auto"></div>';
       addToMessages(currentMsgEl);
       currentFullText = "";
     }
@@ -1164,8 +1167,13 @@ import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUs
 
     ws.onopen = function () {
       if (connectTimeoutId) { clearTimeout(connectTimeoutId); connectTimeoutId = null; }
-      // Local notification on reconnect (only if not focused)
-      if (wasConnected && !document.hasFocus() && "serviceWorker" in navigator) {
+      // Cancel pending "connection lost" notification if reconnected quickly
+      if (disconnectNotifTimer) {
+        clearTimeout(disconnectNotifTimer);
+        disconnectNotifTimer = null;
+      }
+      // Only show "restored" notification if "lost" was actually shown
+      if (wasConnected && disconnectNotifShown && !document.hasFocus() && "serviceWorker" in navigator) {
         navigator.serviceWorker.ready.then(function (reg) {
           reg.showNotification("Claude Relay", {
             body: "Server connection restored",
@@ -1173,6 +1181,7 @@ import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUs
           });
         }).catch(function () {});
       }
+      disconnectNotifShown = false;
       wasConnected = true;
       setStatus("connected");
       reconnectDelay = 1000;
@@ -1198,14 +1207,20 @@ import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUs
       setStatus("disconnected");
       processing = false;
       setActivity(null);
-      // Local notification when connection drops (only if not focused)
-      if (!document.hasFocus() && "serviceWorker" in navigator) {
-        navigator.serviceWorker.ready.then(function (reg) {
-          reg.showNotification("Claude Relay", {
-            body: "Server connection lost",
-            tag: "claude-disconnect",
-          });
-        }).catch(function () {});
+      // Delay "connection lost" notification by 5s to suppress brief disconnects
+      if (!disconnectNotifTimer) {
+        disconnectNotifTimer = setTimeout(function () {
+          disconnectNotifTimer = null;
+          disconnectNotifShown = true;
+          if (!document.hasFocus() && "serviceWorker" in navigator) {
+            navigator.serviceWorker.ready.then(function (reg) {
+              reg.showNotification("Claude Relay", {
+                body: "Server connection lost",
+                tag: "claude-disconnect",
+              });
+            }).catch(function () {});
+          }
+        }, 5000);
       }
       scheduleReconnect();
     };

package/lib/public/css/filebrowser.css

@@ -598,6 +598,36 @@
   font-style: italic;
 }
 
+/* --- Terminal context menu --- */
+.term-ctx-menu {
+  position: fixed;
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 4px 0;
+  min-width: 160px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+  z-index: 500;
+}
+
+.term-ctx-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 12px;
+  font-size: 13px;
+  color: var(--text-secondary);
+  background: none;
+  border: none;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.term-ctx-item .lucide { width: 14px; height: 14px; flex-shrink: 0; }
+.term-ctx-item:hover { background: rgba(255, 255, 255, 0.05); }
+
 /* --- File Edit History --- */
 
 .file-history-panel {

package/lib/public/css/input.css

@@ -245,6 +245,8 @@
   max-height: 120px;
   overflow-y: auto;
   box-sizing: border-box;
+  unicode-bidi: plaintext;
+  text-align: start;
 }
 
 #input::placeholder {

package/lib/public/css/messages.css

@@ -130,6 +130,8 @@
   word-break: break-word;
   white-space: pre-wrap;
   color: var(--text);
+  unicode-bidi: plaintext;
+  text-align: start;
 }
 
 /* --- Assistant message --- */
@@ -176,6 +178,8 @@
   line-height: 1.7;
   word-break: break-word;
   color: var(--text);
+  unicode-bidi: plaintext;
+  text-align: start;
 }
 
 .md-content p { margin-bottom: 14px; }
@@ -282,7 +286,7 @@ pre:hover .code-copy-btn { opacity: 1; }
 .md-content th, .md-content td {
   border: 1px solid var(--border);
   padding: 8px 12px;
-  text-align: left;
+  text-align: start;
 }
 .md-content th {
   background: rgba(255, 255, 255, 0.04);

package/lib/public/index.html

@@ -139,7 +139,7 @@
           </div>
         </div>
         <div id="notif-menu-wrap">
-          <button id="notif-btn" title="Notifications"><i data-lucide="sliders-horizontal"></i></button>
+          <button id="notif-btn" title="Notifications"><i data-lucide="bell"></i></button>
           <div id="notif-menu" class="hidden">
             <label class="notif-option" id="notif-push-row">
               <span><i data-lucide="smartphone" style="width:14px;height:14px"></i> Push notifications</span>
@@ -259,7 +259,7 @@
             <span class="context-mini-label" id="context-mini-label">0%</span>
           </div>
           <div id="image-preview-bar"></div>
-          <textarea id="input" rows="1" placeholder="Message Claude Code..." enterkeyhint="send"></textarea>
+          <textarea id="input" rows="1" placeholder="Message Claude Code..." enterkeyhint="send" dir="auto"></textarea>
           <div id="input-bottom">
             <div id="attach-wrap">
               <button id="attach-btn" type="button" aria-label="Attach"><i data-lucide="plus"></i></button>

package/lib/public/modules/terminal.js

@@ -1,6 +1,7 @@
 import { iconHtml, refreshIcons } from './icons.js';
 import { closeSidebar } from './sidebar.js';
 import { closeFileViewer } from './filebrowser.js';
+import { copyToClipboard } from './utils.js';
 
 var ctx;
 var tabs = new Map(); // termId -> { id, title, exited, xterm, fitAddon, bodyEl }
@@ -11,6 +12,7 @@ var isTouchDevice = "ontouchstart" in window;
 var viewportHandler = null;
 var resizeObserver = null;
 var toolbarBound = false;
+var termCtxMenu = null;
 
 // --- Init ---
 export function initTerminal(_ctx) {
@@ -239,6 +241,11 @@ function createXtermForTab(tab) {
     }
   });
 
+  // Right-click context menu
+  bodyEl.addEventListener("contextmenu", function (e) {
+    showTermCtxMenu(e, tab);
+  });
+
   tab.xterm = xterm;
   tab.fitAddon = fitAddon;
   tab.bodyEl = bodyEl;
@@ -527,6 +534,72 @@ export function resetTerminals() {
   renderTabBar();
 }
 
+// --- Terminal context menu ---
+function closeTermCtxMenu() {
+  if (termCtxMenu) {
+    termCtxMenu.remove();
+    termCtxMenu = null;
+  }
+}
+
+function showTermCtxMenu(e, tab) {
+  e.preventDefault();
+  e.stopPropagation();
+  closeTermCtxMenu();
+
+  var menu = document.createElement("div");
+  menu.className = "term-ctx-menu";
+
+  // Copy
+  var copyItem = document.createElement("button");
+  copyItem.className = "term-ctx-item";
+  copyItem.innerHTML = iconHtml("clipboard-copy") + " <span>Copy Terminal</span>";
+  copyItem.addEventListener("click", function (ev) {
+    ev.stopPropagation();
+    closeTermCtxMenu();
+    if (!tab.xterm) return;
+    tab.xterm.selectAll();
+    var text = tab.xterm.getSelection();
+    tab.xterm.clearSelection();
+    if (text) copyToClipboard(text);
+  });
+  menu.appendChild(copyItem);
+
+  // Clear
+  var clearItem = document.createElement("button");
+  clearItem.className = "term-ctx-item";
+  clearItem.innerHTML = iconHtml("trash-2") + " <span>Clear Terminal</span>";
+  clearItem.addEventListener("click", function (ev) {
+    ev.stopPropagation();
+    closeTermCtxMenu();
+    if (!tab.xterm) return;
+    tab.xterm.clear();
+  });
+  menu.appendChild(clearItem);
+
+  // Position at mouse cursor
+  menu.style.left = e.clientX + "px";
+  menu.style.top = e.clientY + "px";
+  document.body.appendChild(menu);
+
+  // Clamp to viewport
+  var rect = menu.getBoundingClientRect();
+  if (rect.right > window.innerWidth) {
+    menu.style.left = (window.innerWidth - rect.width - 4) + "px";
+  }
+  if (rect.bottom > window.innerHeight) {
+    menu.style.top = (window.innerHeight - rect.height - 4) + "px";
+  }
+
+  termCtxMenu = menu;
+  refreshIcons();
+
+  // Close on outside click (next tick to avoid immediate trigger)
+  setTimeout(function () {
+    document.addEventListener("click", closeTermCtxMenu, { once: true });
+  }, 0);
+}
+
 // --- Mobile toolbar ---
 var KEY_MAP = {
   tab: "\t",

package/lib/public/modules/tools.js

@@ -258,6 +258,7 @@ function permissionInputSummary(toolName, input) {
 }
 
 export function renderPermissionRequest(requestId, toolName, toolInput, decisionReason) {
+  if (pendingPermissions[requestId]) return;
   ctx.finalizeAssistantBlock();
   stopThinking();
 
@@ -353,6 +354,7 @@ export function renderPermissionRequest(requestId, toolName, toolInput, decision
 }
 
 function renderPlanPermission(requestId) {
+  if (pendingPermissions[requestId]) return;
   var container = document.createElement("div");
   container.className = "permission-container plan-permission";
   container.dataset.requestId = requestId;

package/lib/server.js

@@ -250,7 +250,8 @@ function createServer(opts) {
         res.end(pinPage);
         return;
       }
-      if (projects.size === 1) {
+      var hasGoneParam = req.url.indexOf("gone=") !== -1;
+      if (projects.size === 1 && !hasGoneParam) {
         var slug = projects.keys().next().value;
         res.writeHead(302, { "Location": "/p/" + slug + "/" });
         res.end();
@@ -297,8 +298,8 @@ function createServer(opts) {
 
     var ctx = projects.get(slug);
     if (!ctx) {
-      res.writeHead(404);
-      res.end("Project not found: " + slug);
+      res.writeHead(302, { "Location": "/?gone=" + encodeURIComponent(slug) });
+      res.end();
       return;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-relay",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "Web UI for Claude Code. Any device. Push notifications.",
   "bin": {
     "claude-relay": "./bin/cli.js"