claude-relay 1.1.1 → 1.2.0

package/README.md

@@ -71,11 +71,7 @@ Browser (any device)  <-->  claude-relay (your machine)  <-->  Claude Agent SDK
 
 ```bash
 # Run directly (no install needed)
-npx claude-relay
-
-# Or install globally
-npm install -g claude-relay
-claude-relay
+npx claude-relay@latest
 ```
 
 ## Usage
@@ -120,6 +116,10 @@ We strongly recommend using a private network layer such as [Tailscale](https://
 
 If you choose to expose it beyond your private network, that's your call. **Entirely at your own risk.** The authors assume no responsibility for any damage, data loss, or security incidents.
 
+## Disclaimer
+
+claude-relay is an independent, unofficial project. It is not affiliated with, endorsed by, or sponsored by Anthropic. "Claude" is a trademark of Anthropic.
+
 ## License
 
 MIT

package/bin/cli.js

@@ -10,6 +10,7 @@ const { createServer } = require("../lib/server");
 const args = process.argv.slice(2);
 let port = 2633;
 let useHttps = true;
+let skipUpdate = false;
 
 for (let i = 0; i < args.length; i++) {
   if (args[i] === "-p" || args[i] === "--port") {
@@ -21,12 +22,15 @@ for (let i = 0; i < args.length; i++) {
     i++;
   } else if (args[i] === "--no-https") {
     useHttps = false;
+  } else if (args[i] === "--no-update" || args[i] === "--skip-update") {
+    skipUpdate = true;
   } else if (args[i] === "-h" || args[i] === "--help") {
-    console.log("Usage: claude-relay [-p|--port <port>] [--no-https]");
+    console.log("Usage: claude-relay [-p|--port <port>] [--no-https] [--no-update]");
     console.log("");
     console.log("Options:");
     console.log("  -p, --port <port>  Port to listen on (default: 2633)");
     console.log("  --no-https         Disable HTTPS (enabled by default via mkcert)");
+    console.log("  --no-update        Skip auto-update check on startup");
     process.exit(0);
   }
 }
@@ -102,8 +106,8 @@ var caffeinateProc = null;
 function startCaffeinate() {
   var { spawn } = require("child_process");
   caffeinateProc = spawn("caffeinate", ["-di"], { stdio: "ignore", detached: false });
-  caffeinateProc.on("error", function() { caffeinateProc = null; });
-  process.on("exit", function() { if (caffeinateProc) caffeinateProc.kill(); });
+  caffeinateProc.on("error", function () { caffeinateProc = null; });
+  process.on("exit", function () { if (caffeinateProc) caffeinateProc.kill(); });
 }
 
 // --- Certs ---
@@ -119,7 +123,7 @@ function ensureCerts(ip) {
       "rootCA.pem"
     );
     if (!fs.existsSync(caRoot)) caRoot = null;
-  } catch (e) {}
+  } catch (e) { }
 
   if (fs.existsSync(keyPath) && fs.existsSync(certPath)) {
     return { key: keyPath, cert: certPath, caRoot: caRoot };
@@ -142,36 +146,61 @@ function ensureCerts(ip) {
   return { key: keyPath, cert: certPath, caRoot: caRoot };
 }
 
+// --- Logo ---
+function printLogo() {
+  var c = "\x1b[38;2;218;119;86m";
+  var r = a.reset;
+  var lines = [
+    "  ██████╗ ██╗       █████╗  ██╗   ██╗ ██████╗  ███████╗     ██████╗  ███████╗ ██╗       █████╗  ██╗   ██╗",
+    " ██╔════╝ ██║      ██╔══██╗ ██║   ██║ ██╔══██╗ ██╔════╝     ██╔══██╗ ██╔════╝ ██║      ██╔══██╗ ╚██╗ ██╔╝",
+    " ██║      ██║      ███████║ ██║   ██║ ██║  ██║ █████╗       ██████╔╝ █████╗   ██║      ███████║  ╚████╔╝ ",
+    " ██║      ██║      ██╔══██║ ██║   ██║ ██║  ██║ ██╔══╝       ██╔══██╗ ██╔══╝   ██║      ██╔══██║   ╚██╔╝  ",
+    " ╚██████╗ ███████╗ ██║  ██║ ╚██████╔╝ ██████╔╝ ███████╗     ██║  ██║ ███████╗ ███████╗ ██║  ██║    ██║   ",
+    "  ╚═════╝ ╚══════╝ ╚═╝  ╚═╝  ╚═════╝  ╚═════╝  ╚══════╝     ╚═╝  ╚═╝ ╚══════╝ ╚══════╝ ╚═╝  ╚═╝    ╚═╝   ",
+  ];
+  console.log("");
+  for (var i = 0; i < lines.length; i++) {
+    console.log(c + lines[i] + r);
+  }
+}
+
 // --- Interactive setup (clack-style) ---
 function setup(callback) {
+  console.clear();
+  printLogo();
   log("");
-  log(sym.pointer + "  " + a.bold + "Claude Relay" + a.reset);
-  log(sym.bar);
-  log(sym.warn + "  " + a.yellow + a.bold + "READ BEFORE CONTINUING" + a.reset);
+  log(sym.pointer + "  " + a.bold + "Claude Relay" + a.reset + a.dim + "  ·  Unofficial, open-source project" + a.reset);
   log(sym.bar);
-  log(sym.bar + "  Anyone with access to the URL gets " + a.bold + "full Claude Code access" + a.reset);
-  log(sym.bar + "  to this machine, including reading, writing, and executing");
-  log(sym.bar + "  files with your user permissions.");
-  log(sym.bar);
-  log(sym.bar + "  We strongly recommend using a private network layer such as");
-  log(sym.bar + "  " + a.bold + "Tailscale" + a.reset + ", " + a.bold + "WireGuard" + a.reset + ", or a " + a.bold + "VPN" + a.reset + ".");
+  log(sym.bar + "  " + a.dim + "Anyone with the URL gets full Claude Code access to this machine." + a.reset);
+  log(sym.bar + "  " + a.dim + "Use a private network (Tailscale, VPN)." + a.reset);
+  log(sym.bar + "  " + a.dim + "The authors assume no responsibility for any damage or data loss." + a.reset);
   log(sym.bar);
 
-  promptPin(function(pin) {
-    promptToggle("Keep awake", "Prevent system sleep while relay is running", function(keepAwake) {
-      log(sym.bar);
-      log(sym.end + "  " + a.dim + "Starting relay..." + a.reset);
+  promptToggle("Accept and continue", null, true, function (accepted) {
+    if (!accepted) {
+      log(sym.end + "  " + a.dim + "Aborted." + a.reset);
       log("");
+      process.exit(0);
+      return;
+    }
+    log(sym.bar);
 
-      if (keepAwake) startCaffeinate();
-      callback(pin);
+    promptPin(function (pin) {
+      promptToggle("Keep awake", "Prevent system sleep while relay is running", false, function (keepAwake) {
+        log(sym.bar);
+        log(sym.end + "  " + a.dim + "Starting relay..." + a.reset);
+        log("");
+
+        if (keepAwake) startCaffeinate();
+        callback(pin);
+      });
     });
   });
 }
 
 function promptPin(callback) {
   log(sym.pointer + "  " + a.bold + "PIN protection" + a.reset);
-  log(sym.bar + "  " + a.dim + "6-digit PIN, or Enter to skip" + a.reset);
+  log(sym.bar + "  " + a.dim + "Require a 6-digit PIN to access the web UI. Enter to skip." + a.reset);
   process.stdout.write("  " + sym.bar + "  ");
 
   var pin = "";
@@ -221,8 +250,8 @@ function promptPin(callback) {
   });
 }
 
-function promptToggle(title, desc, callback) {
-  var value = false;
+function promptToggle(title, desc, defaultValue, callback) {
+  var value = defaultValue || false;
 
   function renderToggle() {
     var yes = value
@@ -234,12 +263,17 @@ function promptToggle(title, desc, callback) {
     return yes + a.dim + " / " + a.reset + no;
   }
 
+  var lines = 2;
   log(sym.pointer + "  " + a.bold + title + a.reset);
-  log(sym.bar + "  " + a.dim + desc + a.reset);
+  if (desc) {
+    log(sym.bar + "  " + a.dim + desc + a.reset);
+    lines = 3;
+  }
   process.stdout.write("  " + sym.bar + "  " + renderToggle());
 
   process.stdin.setRawMode(true);
   process.stdin.resume();
+  process.stdin.setEncoding("utf8");
 
   process.stdin.on("data", function onToggle(ch) {
     if (ch === "\x1b[D" || ch === "\x1b[C" || ch === "\t") {
@@ -257,14 +291,14 @@ function promptToggle(title, desc, callback) {
       process.stdin.removeListener("data", onToggle);
       process.stdout.write("\n");
 
-      clearUp(3);
+      clearUp(lines);
       var result = value ? a.green + "Yes" + a.reset : a.dim + "No" + a.reset;
       log(sym.done + "  " + title + " " + a.dim + "·" + a.reset + " " + result);
 
       callback(value);
     } else if (ch === "\x03") {
       process.stdout.write("\n");
-      clearUp(3);
+      clearUp(lines);
       log(sym.end + "  " + a.dim + "Cancelled" + a.reset);
       process.exit(0);
     }
@@ -296,7 +330,7 @@ function start(pin) {
   var entryServer = result.entryServer;
   var httpsServer = result.httpsServer;
 
-  entryServer.on("error", function(err) {
+  entryServer.on("error", function (err) {
     if (err.code === "EADDRINUSE") {
       log(a.red + "Port " + port + " is already in use." + a.reset);
       log(a.dim + "Run: claude-relay -p <port>" + a.reset);
@@ -308,7 +342,7 @@ function start(pin) {
 
   var httpsPort = port + 1;
   if (httpsServer) {
-    httpsServer.on("error", function(err) {
+    httpsServer.on("error", function (err) {
       if (err.code === "EADDRINUSE") {
         log(a.red + "HTTPS port " + httpsPort + " is already in use." + a.reset);
       } else {
@@ -319,13 +353,13 @@ function start(pin) {
     httpsServer.listen(httpsPort);
   }
 
-  entryServer.listen(port, function() {
+  entryServer.listen(port, function () {
     var project = path.basename(cwd);
     var url = "http://" + ip + ":" + port;
 
     if (ip !== "localhost") {
-      qrcode.generate(url, { small: true }, function(code) {
-        var lines = code.split("\n").map(function(l) { return "  " + l; }).join("\n");
+      qrcode.generate(url, { small: true }, function (code) {
+        var lines = code.split("\n").map(function (l) { return "  " + l; }).join("\n");
         console.log(lines);
         console.log("");
         log(a.bold + "Claude Relay" + a.reset + " running at " + a.bold + url + a.reset);
@@ -340,4 +374,10 @@ function start(pin) {
   });
 }
 
-setup(start);
+const { checkAndUpdate } = require("../lib/updater");
+const currentVersion = require("../package.json").version;
+
+(async () => {
+  const updated = await checkAndUpdate(currentVersion, skipUpdate);
+  if (!updated) setup(start);
+})();

package/lib/public/app.js

@@ -41,6 +41,7 @@
   var pendingImages = []; // [{data: base64, mediaType: "image/png"}]
   var pendingPermissions = {}; // requestId -> container element
   var cliSessionId = null;
+  var projectName = "";
 
   var builtinCommands = [
     { name: "clear", desc: "Clear conversation" },
@@ -129,12 +130,29 @@
       el.className = "session-item" + (s.active ? " active" : "");
       el.dataset.sessionId = s.id;
 
-      var html = "";
+      var textSpan = document.createElement("span");
+      textSpan.className = "session-item-text";
+      var textHtml = "";
       if (s.isProcessing) {
-        html += '<span class="session-processing"></span>';
+        textHtml += '<span class="session-processing"></span>';
       }
-      html += escapeHtml(s.title || "New Session");
-      el.innerHTML = html;
+      textHtml += escapeHtml(s.title || "New Session");
+      textSpan.innerHTML = textHtml;
+      el.appendChild(textSpan);
+
+      var deleteBtn = document.createElement("button");
+      deleteBtn.className = "session-delete-btn";
+      deleteBtn.innerHTML = iconHtml("trash-2");
+      deleteBtn.title = "Delete session";
+      deleteBtn.addEventListener("click", (function(id) {
+        return function(e) {
+          e.stopPropagation();
+          if (ws && connected) {
+            ws.send(JSON.stringify({ type: "delete_session", id: id }));
+          }
+        };
+      })(s.id));
+      el.appendChild(deleteBtn);
 
       el.addEventListener("click", (function (id) {
         return function () {
@@ -147,6 +165,21 @@
 
       sessionListEl.appendChild(el);
     }
+    refreshIcons();
+    updatePageTitle();
+  }
+
+  function updatePageTitle() {
+    var sessionTitle = "";
+    var activeItem = sessionListEl.querySelector(".session-item.active .session-item-text");
+    if (activeItem) sessionTitle = activeItem.textContent;
+    if (projectName && sessionTitle) {
+      document.title = projectName + " - " + sessionTitle;
+    } else if (projectName) {
+      document.title = projectName;
+    } else {
+      document.title = "Claude Relay";
+    }
   }
 
   function openSidebar() {
@@ -200,6 +233,7 @@
   // --- Pixel character animation ---
   var pixelAnimTimer = null;
   var pixelBlocks = [];
+  var antennaBlocks = [];
 
   (function initPixelAnim() {
     var canvas = document.getElementById("pixel-canvas");
@@ -207,7 +241,10 @@
 
     // Character grid: 1 = body, 2 = eye, 0 = empty
     // 12 cols x 9 rows
+    // 0=empty, 1=body, 2=eye, 3=antenna
     var grid = [
+      [0, 0, 0, 0, 0, 3, 3, 0, 0, 0, 0, 0],
+      [0, 0, 0, 0, 0, 3, 3, 0, 0, 0, 0, 0],
       [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
       [0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0],
       [0, 0, 1, 2, 1, 1, 1, 1, 2, 1, 0, 0],
@@ -223,15 +260,18 @@
     var CELL = 12;
     var accent = "#DA7756";
     var eye = "#2F2E2B";
+    var antenna = "#E8E5DE";
 
     for (var r = 0; r < grid.length; r++) {
       for (var c = 0; c < grid[r].length; c++) {
         if (grid[r][c] === 0) continue;
         var el = document.createElement("div");
         el.className = "px";
-        el.style.background = grid[r][c] === 2 ? eye : accent;
+        var v = grid[r][c];
+        el.style.background = v === 2 ? eye : v === 3 ? antenna : accent;
         el.style.left = c * CELL + "px";
         el.style.top = r * CELL + "px";
+        if (v === 3) antennaBlocks.push(el);
         canvas.appendChild(el);
         pixelBlocks.push(el);
       }
@@ -239,6 +279,7 @@
   })();
 
   function pixelScatter() {
+    stopSpark();
     for (var i = 0; i < pixelBlocks.length; i++) {
       var el = pixelBlocks[i];
       var angle = Math.random() * Math.PI * 2;
@@ -252,6 +293,8 @@
     }
   }
 
+  var sparkTimer = null;
+
   function pixelAssemble() {
     for (var i = 0; i < pixelBlocks.length; i++) {
       (function (el, delay) {
@@ -262,6 +305,36 @@
         }, delay);
       })(pixelBlocks[i], Math.random() * 300);
     }
+    startSpark();
+  }
+
+  function startSpark() {
+    stopSpark();
+    var count = 0;
+    sparkTimer = setInterval(function () {
+      for (var i = 0; i < antennaBlocks.length; i++) {
+        if (Math.random() < 0.4) {
+          antennaBlocks[i].style.background = "#FFF";
+          antennaBlocks[i].style.boxShadow = "0 0 6px 2px rgba(255,255,255,0.6)";
+        } else {
+          antennaBlocks[i].style.background = "#E8E5DE";
+          antennaBlocks[i].style.boxShadow = "none";
+        }
+      }
+      count++;
+      if (count > 20) stopSpark();
+    }, 80);
+  }
+
+  function stopSpark() {
+    if (sparkTimer) {
+      clearInterval(sparkTimer);
+      sparkTimer = null;
+    }
+    for (var i = 0; i < antennaBlocks.length; i++) {
+      antennaBlocks[i].style.background = "#E8E5DE";
+      antennaBlocks[i].style.boxShadow = "none";
+    }
   }
 
   function startPixelAnim() {
@@ -291,6 +364,23 @@
     }
   }
 
+  // --- Dynamic favicon ---
+  var faviconSvg = null;
+  var faviconLink = document.querySelector('link[rel="icon"]');
+
+  function updateFavicon(bgColor) {
+    if (!faviconLink) return;
+    if (!faviconSvg) {
+      var xhr = new XMLHttpRequest();
+      xhr.open("GET", "/favicon.svg", false);
+      xhr.send();
+      if (xhr.status === 200) faviconSvg = xhr.responseText;
+      else return;
+    }
+    var svg = faviconSvg.replace(/fill="#57AB5A"/, 'fill="' + bgColor + '"');
+    faviconLink.href = "data:image/svg+xml," + encodeURIComponent(svg);
+  }
+
   // --- Status & Activity ---
   function setSendBtnMode(mode) {
     if (mode === "stop") {
@@ -315,11 +405,13 @@
       setSendBtnMode("send");
       connectOverlay.classList.add("hidden");
       stopVerbCycle();
+      updateFavicon("#57AB5A");
     } else if (status === "processing") {
       statusDot.classList.add("processing");
       statusTextEl.textContent = "";
       processing = true;
       setSendBtnMode("stop");
+      updateFavicon("#E0943A");
     } else {
       statusTextEl.textContent = "Disconnected";
       connected = false;
@@ -328,6 +420,7 @@
       connectStatusEl.textContent = "Reconnecting...";
       startVerbCycle();
       startPixelAnim();
+      updateFavicon("#E5534B");
     }
   }
 
@@ -1220,7 +1313,9 @@
 
       switch (msg.type) {
         case "info":
-          projectNameEl.textContent = msg.project || msg.cwd;
+          projectName = msg.project || msg.cwd;
+          projectNameEl.textContent = projectName;
+          updatePageTitle();
           break;
 
         case "slash_commands":
@@ -1396,6 +1491,10 @@
           processing = false;
           setStatus("connected");
           tools = {};
+          if (document.hidden && notifPermission === "granted") {
+            showDoneNotification();
+            playDoneSound();
+          }
           break;
 
         case "stderr":
@@ -1409,6 +1508,7 @@
         case "error":
           setActivity(null);
           addSystemMessage(msg.text, true);
+          updateFavicon("#E5534B");
           break;
       }
     };
@@ -1769,6 +1869,68 @@
     }
   });
 
+  // --- Browser notifications ---
+  var notifPermission = ("Notification" in window) ? Notification.permission : "denied";
+
+  function requestNotifPermission() {
+    if (!("Notification" in window)) return;
+    if (Notification.permission === "granted") {
+      notifPermission = "granted";
+      return;
+    }
+    if (Notification.permission !== "denied") {
+      Notification.requestPermission().then(function(p) {
+        notifPermission = p;
+      });
+    }
+  }
+
+  document.addEventListener("click", function requestOnce() {
+    requestNotifPermission();
+    document.removeEventListener("click", requestOnce);
+  }, { once: true });
+
+  function playDoneSound() {
+    try {
+      var ctx = new (window.AudioContext || window.webkitAudioContext)();
+      var osc = ctx.createOscillator();
+      var gain = ctx.createGain();
+      osc.type = "sine";
+      osc.frequency.value = 880;
+      gain.gain.value = 0.1;
+      osc.connect(gain);
+      gain.connect(ctx.destination);
+      osc.start();
+      gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.3);
+      osc.stop(ctx.currentTime + 0.3);
+    } catch(e) {}
+  }
+
+  function showDoneNotification() {
+    var lastAssistant = messagesEl.querySelector(".msg-assistant:last-of-type .md-content");
+    var preview = lastAssistant ? lastAssistant.textContent.substring(0, 100) : "Response ready";
+
+    var sessionTitle = "Claude";
+    var activeItem = sessionListEl.querySelector(".session-item.active");
+    if (activeItem) {
+      var textEl = activeItem.querySelector(".session-item-text");
+      if (textEl) sessionTitle = textEl.textContent || "Claude";
+      else sessionTitle = activeItem.textContent || "Claude";
+    }
+
+    var n = new Notification(sessionTitle, {
+      body: preview,
+      tag: "claude-done",
+    });
+
+    n.onclick = function() {
+      window.focus();
+      n.close();
+    };
+
+    setTimeout(function() { n.close(); }, 5000);
+  }
+
   // --- Init ---
   lucide.createIcons();
   startVerbCycle();

package/lib/public/favicon.svg

@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="128" height="128">
+<!-- background -->
+<rect x="0" y="0" width="12" height="12" rx="2" fill="#57AB5A"/>
+<!-- antenna -->
+<rect x="5" y="0" width="1" height="1" fill="#E8E5DE"/>
+<rect x="6" y="0" width="1" height="1" fill="#E8E5DE"/>
+<rect x="5" y="1" width="1" height="1" fill="#E8E5DE"/>
+<rect x="6" y="1" width="1" height="1" fill="#E8E5DE"/>
+<!-- head -->
+<rect x="2" y="2" width="8" height="2" fill="#DA7756"/>
+<!-- eyes row -->
+<rect x="2" y="4" width="1" height="2" fill="#DA7756"/>
+<rect x="3" y="4" width="1" height="2" fill="#2F2E2B"/>
+<rect x="4" y="4" width="4" height="2" fill="#DA7756"/>
+<rect x="8" y="4" width="1" height="2" fill="#2F2E2B"/>
+<rect x="9" y="4" width="1" height="2" fill="#DA7756"/>
+<!-- arms -->
+<rect x="0" y="6" width="12" height="2" fill="#DA7756"/>
+<!-- body -->
+<rect x="2" y="8" width="8" height="2" fill="#DA7756"/>
+<!-- feet -->
+<rect x="2" y="10" width="1" height="2" fill="#DA7756"/>
+<rect x="4" y="10" width="1" height="2" fill="#DA7756"/>
+<rect x="7" y="10" width="1" height="2" fill="#DA7756"/>
+<rect x="9" y="10" width="1" height="2" fill="#DA7756"/>
+</svg>

package/lib/public/index.html

@@ -7,7 +7,8 @@
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="manifest" href="/manifest.json">
 <meta name="theme-color" content="#2F2E2B">
-<title>Claude</title>
+<link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<title>Claude Relay</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600&family=Styrene+A+Web:wght@400;500&display=swap" rel="stylesheet">

package/lib/public/style.css

@@ -130,16 +130,24 @@ html, body {
 }
 
 .session-item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
   padding: 10px 12px;
   border-radius: 10px;
   cursor: pointer;
   font-size: 14px;
   color: var(--text-secondary);
+  margin-bottom: 2px;
+  transition: background 0.15s, color 0.15s;
+}
+
+.session-item-text {
+  flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 2px;
-  transition: background 0.15s, color 0.15s;
+  min-width: 0;
 }
 
 .session-item:hover {
@@ -163,6 +171,38 @@ html, body {
   vertical-align: middle;
 }
 
+.session-delete-btn {
+  display: none;
+  width: 24px;
+  height: 24px;
+  border-radius: 6px;
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  cursor: pointer;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  transition: color 0.15s, background 0.15s;
+}
+
+.session-item:hover .session-delete-btn { display: flex; }
+
+.session-delete-btn:hover {
+  color: var(--error);
+  background: rgba(238, 85, 85, 0.1);
+}
+
+.session-delete-btn .lucide {
+  width: 14px;
+  height: 14px;
+}
+
+@media (hover: none) {
+  .session-delete-btn { display: flex; }
+}
+
 #sidebar-footer {
   padding: 12px 16px;
   border-top: 1px solid var(--border-subtle);
@@ -296,7 +336,7 @@ html, body {
 #pixel-canvas {
   position: relative;
   width: 144px;
-  height: 108px;
+  height: 144px;
 }
 
 .px {

package/lib/server.js

@@ -426,6 +426,35 @@ function createServer(cwd, tlsOptions, caPath, pin, mainPort) {
     }
   }
 
+  function deleteSession(localId) {
+    var session = sessions.get(localId);
+    if (!session) return;
+
+    if (session.abortController) {
+      try { session.abortController.abort(); } catch(e) {}
+    }
+    if (session.messageQueue) {
+      try { session.messageQueue.end(); } catch(e) {}
+    }
+
+    if (session.cliSessionId) {
+      try { fs.unlinkSync(sessionFilePath(session.cliSessionId)); } catch(e) {}
+    }
+
+    sessions.delete(localId);
+
+    if (activeSessionId === localId) {
+      var remaining = [...sessions.keys()];
+      if (remaining.length > 0) {
+        switchSession(remaining[remaining.length - 1]);
+      } else {
+        createSession();
+      }
+    } else {
+      broadcastSessionList();
+    }
+  }
+
   // --- SDK message processing ---
 
   function processSDKMessage(session, parsed) {
@@ -475,6 +504,7 @@ function createServer(cwd, tlsOptions, caPath, pin, mainPort) {
         var idx = evt.index;
 
         if (evt.delta.type === "text_delta" && typeof evt.delta.text === "string") {
+          session.streamedText = true;
           sendAndRecord(session, { type: "delta", text: evt.delta.text });
         } else if (evt.delta.type === "input_json_delta" && session.blocks[idx]) {
           session.blocks[idx].inputJson += evt.delta.partial_json;
@@ -502,6 +532,17 @@ function createServer(cwd, tlsOptions, caPath, pin, mainPort) {
     } else if ((parsed.type === "assistant" || parsed.type === "user") && parsed.message && parsed.message.content) {
       var content = parsed.message.content;
 
+      // Fallback: if assistant text wasn't streamed via deltas, send it now
+      if (parsed.type === "assistant" && !session.streamedText && Array.isArray(content)) {
+        var assistantText = content
+          .filter(function(c) { return c.type === "text"; })
+          .map(function(c) { return c.text; })
+          .join("");
+        if (assistantText) {
+          sendAndRecord(session, { type: "delta", text: assistantText });
+        }
+      }
+
       // Check for local slash command output in user messages
       if (parsed.type === "user") {
         var fullText = "";
@@ -648,6 +689,7 @@ function createServer(cwd, tlsOptions, caPath, pin, mainPort) {
     session.messageQueue = createMessageQueue();
     session.blocks = {};
     session.sentToolResults = {};
+    session.streamedText = false;
 
     // Build initial user message
     var content = [];
@@ -914,6 +956,13 @@ function createServer(cwd, tlsOptions, caPath, pin, mainPort) {
         return;
       }
 
+      if (msg.type === "delete_session") {
+        if (msg.id && sessions.has(msg.id)) {
+          deleteSession(msg.id);
+        }
+        return;
+      }
+
       if (msg.type === "stop") {
         var session = getActiveSession();
         if (session && session.abortController && session.isProcessing) {

package/lib/updater.js

@@ -0,0 +1,96 @@
+const https = require("https");
+const { execSync, spawn } = require("child_process");
+
+// ANSI helpers (mirrors cli.js)
+var a = {
+  reset: "\x1b[0m",
+  bold: "\x1b[1m",
+  dim: "\x1b[2m",
+  cyan: "\x1b[36m",
+  green: "\x1b[32m",
+  yellow: "\x1b[33m",
+};
+
+var sym = {
+  pointer: a.cyan + "\u25C6" + a.reset,
+  done: a.green + "\u25C7" + a.reset,
+  bar: a.dim + "\u2502" + a.reset,
+  warn: a.yellow + "\u25B2" + a.reset,
+};
+
+function log(s) { console.log("  " + s); }
+
+function fetchLatestVersion() {
+  return new Promise(function (resolve) {
+    var req = https.get("https://registry.npmjs.org/claude-relay/latest", function (res) {
+      var data = "";
+      res.on("data", function (chunk) { data += chunk; });
+      res.on("end", function () {
+        try {
+          resolve(JSON.parse(data).version || null);
+        } catch (e) {
+          resolve(null);
+        }
+      });
+    });
+    req.on("error", function () { resolve(null); });
+    req.setTimeout(3000, function () {
+      req.destroy();
+      resolve(null);
+    });
+  });
+}
+
+function isNewer(latest, current) {
+  if (!latest || !current) return false;
+  var lp = latest.split(".").map(Number);
+  var cp = current.split(".").map(Number);
+  for (var i = 0; i < 3; i++) {
+    var l = lp[i] || 0;
+    var c = cp[i] || 0;
+    if (l > c) return true;
+    if (l < c) return false;
+  }
+  return false;
+}
+
+function performUpdate() {
+  try {
+    execSync("npm install -g claude-relay@latest", { stdio: "pipe" });
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function reExec() {
+  var args = process.argv.slice(1).concat("--no-update");
+  var child = spawn(process.execPath, args, { stdio: "inherit" });
+  child.on("exit", function (code) {
+    process.exit(code);
+  });
+}
+
+async function checkAndUpdate(currentVersion, skipUpdate) {
+  if (skipUpdate) return false;
+
+  var latest = await fetchLatestVersion();
+  if (!latest || !isNewer(latest, currentVersion)) return false;
+
+  log(sym.pointer + "  " + a.bold + "Update available" + a.reset + "  " + a.dim + currentVersion + " -> " + latest + a.reset);
+  log(sym.bar + "  Installing...");
+
+  if (performUpdate()) {
+    log(sym.done + "  Updated to " + a.green + latest + a.reset);
+    log("");
+    reExec();
+    return true;
+  }
+
+  log(sym.warn + "  " + a.yellow + "Update failed" + a.reset + a.dim + " (permission denied?)" + a.reset);
+  log(sym.bar + "  " + a.dim + "Run manually: npm install -g claude-relay@latest" + a.reset);
+  log("");
+  return false;
+}
+
+module.exports = { checkAndUpdate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-relay",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Access Claude Code on your machine, from anywhere. One command, no config.",
   "bin": {
     "claude-relay": "./bin/cli.js"