claude-relay 2.2.4 → 2.3.1

package/lib/public/modules/utils.js

@@ -1,13 +1,21 @@
-export function showToast(message) {
+export function showToast(message, level, detail) {
   var el = document.createElement("div");
   el.className = "toast";
+  if (level) el.classList.add("toast-" + level);
   el.textContent = message;
+  if (detail) {
+    var detailEl = document.createElement("div");
+    detailEl.style.cssText = "font-size:11px;opacity:0.7;margin-top:4px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap";
+    detailEl.textContent = detail.split("\n")[0];
+    el.appendChild(detailEl);
+  }
   document.body.appendChild(el);
   requestAnimationFrame(function () { el.classList.add("visible"); });
+  var duration = level === "warn" ? 5000 : 1500;
   setTimeout(function () {
     el.classList.remove("visible");
     setTimeout(function () { el.remove(); }, 300);
-  }, 1500);
+  }, duration);
 }
 
 export function copyToClipboard(text) {

package/lib/public/style.css

@@ -6,3 +6,4 @@
 @import url("css/rewind.css");
 @import url("css/input.css");
 @import url("css/filebrowser.css");
+@import url("css/diff.css");

package/lib/public/sw.js

@@ -10,6 +10,9 @@ self.addEventListener("push", function (event) {
   var data = {};
   try { data = event.data.json(); } catch (e) { return; }
 
+  // Silent validation push, do not show notification
+  if (data.type === "test") return;
+
   var options = {
     body: data.body || "",
     tag: data.tag || "claude-relay",
@@ -31,9 +34,12 @@ self.addEventListener("push", function (event) {
 
   event.waitUntil(
     self.clients.matchAll({ type: "window", includeUncontrolled: true }).then(function (clientList) {
-      // Skip notification if app is focused (user is already looking at it)
-      for (var i = 0; i < clientList.length; i++) {
-        if (clientList[i].focused || clientList[i].visibilityState === "visible") return;
+      // Always show permission requests, questions, and errors
+      // Only suppress "done" notifications when app is in foreground
+      if (data.type !== "permission_request" && data.type !== "ask_user" && data.type !== "error") {
+        for (var i = 0; i < clientList.length; i++) {
+          if (clientList[i].focused || clientList[i].visibilityState === "visible") return;
+        }
       }
       return self.registration.showNotification(data.title || "Claude Relay", options);
     }).catch(function () {})
@@ -44,18 +50,26 @@ self.addEventListener("notificationclick", function (event) {
   var data = event.notification.data || {};
   event.notification.close();
 
-  // Default click: focus existing window or open new one
-  // Use the service worker's scope as the base URL for this project
-  var scopeUrl = self.registration.scope || "/";
+  // Build target URL from slug so we open the correct project
+  var baseUrl = self.registration.scope || "/";
+  var targetUrl = data.slug ? baseUrl + "p/" + data.slug + "/" : baseUrl;
+
   event.waitUntil(
     self.clients.matchAll({ type: "window", includeUncontrolled: true }).then(function (clientList) {
+      // Prefer a client already on the correct project
+      for (var i = 0; i < clientList.length; i++) {
+        if (clientList[i].url.indexOf(targetUrl) !== -1) {
+          return clientList[i].focus();
+        }
+      }
+      // Fall back to any visible client
       for (var i = 0; i < clientList.length; i++) {
         if (clientList[i].visibilityState !== "hidden") {
           return clientList[i].focus();
         }
       }
       if (clientList.length > 0) return clientList[0].focus();
-      return self.clients.openWindow(scopeUrl);
+      return self.clients.openWindow(targetUrl);
     })
   );
 });

package/lib/push.js

@@ -75,8 +75,12 @@ function initPush() {
     })(startupEndpoints[si]);
   }
 
-  function addSubscription(sub) {
+  function addSubscription(sub, replaceEndpoint) {
     if (!sub || !sub.endpoint) return;
+    // Remove previous subscription from the same client if endpoint changed
+    if (replaceEndpoint && replaceEndpoint !== sub.endpoint) {
+      subscriptions.delete(replaceEndpoint);
+    }
     // Store immediately, then validate async. Invalid subs get cleaned on first sendPush.
     subscriptions.set(sub.endpoint, sub);
     save();

package/lib/sdk-bridge.js

@@ -43,10 +43,12 @@ function createMessageQueue() {
 
 function createSDKBridge(opts) {
   var cwd = opts.cwd;
+  var slug = opts.slug || "";
   var sm = opts.sessionManager;   // session manager instance
   var send = opts.send;           // broadcast to all clients
   var pushModule = opts.pushModule;
   var getSDK = opts.getSDK;
+  var dangerouslySkipPermissions = opts.dangerouslySkipPermissions || false;
 
   function sendAndRecord(session, obj) {
     sm.sendAndRecord(session, obj);
@@ -139,6 +141,7 @@ function createSDKBridge(opts) {
             var q = input.questions[0];
             pushModule.sendPush({
               type: "ask_user",
+              slug: slug,
               title: "Claude has a question",
               body: q ? q.question : "Waiting for your response",
               tag: "claude-ask",
@@ -219,6 +222,7 @@ function createSDKBridge(opts) {
         cost: parsed.total_cost_usd,
         duration: parsed.duration_ms,
         usage: parsed.usage || null,
+        modelUsage: parsed.modelUsage || null,
         sessionId: parsed.session_id,
       });
       sendAndRecord(session, { type: "done", code: 0 });
@@ -227,6 +231,7 @@ function createSDKBridge(opts) {
         if (preview.length > 140) preview = preview.substring(0, 140) + "...";
         pushModule.sendPush({
           type: "done",
+          slug: slug,
           title: session.title || "Claude",
           body: preview || "Response ready",
           tag: "claude-done",
@@ -298,6 +303,7 @@ function createSDKBridge(opts) {
       if (pushModule) {
         pushModule.sendPush({
           type: "permission_request",
+          slug: slug,
           requestId: requestId,
           title: permissionPushTitle(toolName, input),
           body: permissionPushBody(toolName, input),
@@ -331,6 +337,7 @@ function createSDKBridge(opts) {
           if (pushModule) {
             pushModule.sendPush({
               type: "error",
+              slug: slug,
               title: "Connection Lost",
               body: "Claude process disconnected: " + (err.message || "unknown error"),
               tag: "claude-error",
@@ -343,6 +350,8 @@ function createSDKBridge(opts) {
       session.queryInstance = null;
       session.messageQueue = null;
       session.abortController = null;
+      session.pendingPermissions = {};
+      session.pendingAskUser = {};
     }
   }
 
@@ -385,7 +394,10 @@ function createSDKBridge(opts) {
     try {
       sdk = await getSDK();
     } catch (e) {
+      session.isProcessing = false;
       send({ type: "error", text: "Failed to load Claude SDK: " + (e.message || e) });
+      sendAndRecord(session, { type: "done", code: 1 });
+      sm.broadcastSessionList();
       return;
     }
 
@@ -428,6 +440,11 @@ function createSDKBridge(opts) {
       },
     };
 
+    if (dangerouslySkipPermissions) {
+      queryOptions.permissionMode = "bypassPermissions";
+      queryOptions.allowDangerouslySkipPermissions = true;
+    }
+
     if (session.cliSessionId) {
       queryOptions.resume = session.cliSessionId;
       if (session.lastRewindUuid) {
@@ -436,10 +453,21 @@ function createSDKBridge(opts) {
       }
     }
 
-    session.queryInstance = sdk.query({
-      prompt: session.messageQueue,
-      options: queryOptions,
-    });
+    try {
+      session.queryInstance = sdk.query({
+        prompt: session.messageQueue,
+        options: queryOptions,
+      });
+    } catch (e) {
+      session.isProcessing = false;
+      session.queryInstance = null;
+      session.messageQueue = null;
+      session.abortController = null;
+      send({ type: "error", text: "Failed to start query: " + (e.message || e) });
+      sendAndRecord(session, { type: "done", code: 1 });
+      sm.broadcastSessionList();
+      return;
+    }
 
     processQueryStream(session).catch(function(err) {
     });
@@ -515,9 +543,14 @@ function createSDKBridge(opts) {
       var mq = createMessageQueue();
       mq.push({ type: "user", message: { role: "user", content: [{ type: "text", text: "hi" }] } });
       mq.end();
+      var warmupOptions = { cwd: cwd, settingSources: ["user", "project", "local"], abortController: ac };
+      if (dangerouslySkipPermissions) {
+        warmupOptions.permissionMode = "bypassPermissions";
+        warmupOptions.allowDangerouslySkipPermissions = true;
+      }
       var stream = sdk.query({
         prompt: mq,
-        options: { cwd: cwd, settingSources: ["user", "project", "local"], abortController: ac },
+        options: warmupOptions,
       });
       for await (var msg of stream) {
         if (msg.type === "system" && msg.subtype === "init") {

package/lib/server.js

@@ -114,7 +114,7 @@ function stripPrefix(urlPath, slug) {
 
 /**
  * Create a multi-project server.
- * opts: { tlsOptions, caPath, pinHash, port, debug }
+ * opts: { tlsOptions, caPath, pinHash, port, debug, dangerouslySkipPermissions }
  */
 function createServer(opts) {
   var tlsOptions = opts.tlsOptions || null;
@@ -122,6 +122,8 @@ function createServer(opts) {
   var pinHash = opts.pinHash || null;
   var portNum = opts.port || 2633;
   var debug = opts.debug || false;
+  var dangerouslySkipPermissions = opts.dangerouslySkipPermissions || false;
+  var lanHost = opts.lanHost || null;
 
   var authToken = pinHash || null;
   var realVersion = require("../package.json").version;
@@ -228,8 +230,9 @@ function createServer(opts) {
       req.on("data", function (chunk) { body += chunk; });
       req.on("end", function () {
         try {
-          var sub = JSON.parse(body);
-          pushModule.addSubscription(sub);
+          var parsed = JSON.parse(body);
+          var sub = parsed.subscription || parsed;
+          pushModule.addSubscription(sub, parsed.replaceEndpoint);
           res.writeHead(200, { "Content-Type": "application/json" });
           res.end('{"ok":true}');
         } catch (e) {
@@ -247,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();
@@ -294,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;
     }
 
@@ -402,7 +406,19 @@ function createServer(opts) {
     if (origin) {
       try {
         var originUrl = new URL(origin);
-        if (String(originUrl.port || (originUrl.protocol === "https:" ? "443" : "80")) !== String(portNum)) {
+        var originPort = String(originUrl.port || (originUrl.protocol === "https:" ? "443" : "80"));
+        // Extract port from Host header for reverse proxy support.
+        // Use URL parser to correctly handle IPv6 addresses (e.g. [::1])
+        // and infer default port from origin protocol (not backend tlsOptions)
+        // so TLS-terminating proxies on :443 with HTTP backends work.
+        var hostPort;
+        try {
+          var hostUrl = new URL(originUrl.protocol + "//" + (req.headers.host || ""));
+          hostPort = String(hostUrl.port || (originUrl.protocol === "https:" ? "443" : "80"));
+        } catch (e2) {
+          hostPort = String(portNum);
+        }
+        if (originPort !== String(portNum) && originPort !== hostPort) {
           socket.write("HTTP/1.1 403 Forbidden\r\n\r\n");
           socket.destroy();
           return;
@@ -447,7 +463,9 @@ function createServer(opts) {
       title: title || null,
       pushModule: pushModule,
       debug: debug,
+      dangerouslySkipPermissions: dangerouslySkipPermissions,
       currentVersion: currentVersion,
+      lanHost: lanHost,
       getProjectCount: function () { return projects.size; },
       getProjectList: function () {
         var list = [];
@@ -487,6 +505,20 @@ function createServer(opts) {
     authToken = hash;
   }
 
+  function broadcastAll(msg) {
+    projects.forEach(function (ctx) {
+      ctx.send(msg);
+    });
+  }
+
+  function destroyAll() {
+    projects.forEach(function (ctx, slug) {
+      console.log("[server] Destroying project:", slug);
+      ctx.destroy();
+    });
+    projects.clear();
+  }
+
   return {
     server: server,
     onboardingServer: onboardingServer,
@@ -496,6 +528,8 @@ function createServer(opts) {
     getProjects: getProjects,
     setProjectTitle: setProjectTitle,
     setAuthToken: setAuthToken,
+    broadcastAll: broadcastAll,
+    destroyAll: destroyAll,
   };
 }
 

package/lib/sessions.js

@@ -25,13 +25,15 @@ function createSessionManager(opts) {
     if (!session.cliSessionId) return;
     session.lastActivity = Date.now();
     try {
-      var meta = JSON.stringify({
+      var metaObj = {
         type: "meta",
         localId: session.localId,
         cliSessionId: session.cliSessionId,
         title: session.title,
         createdAt: session.createdAt,
-      });
+      };
+      if (session.lastRewindUuid) metaObj.lastRewindUuid = session.lastRewindUuid;
+      var meta = JSON.stringify(metaObj);
       var lines = [meta];
       for (var i = 0; i < session.history.length; i++) {
         lines.push(JSON.stringify(session.history[i]));
@@ -105,6 +107,7 @@ function createSessionManager(opts) {
         lastActivity: loaded[i].mtime || m.createdAt || Date.now(),
         history: loaded[i].history,
         messageUUIDs: messageUUIDs,
+        lastRewindUuid: m.lastRewindUuid || null,
       };
       sessions.set(localId, session);
     }
@@ -278,9 +281,15 @@ function createSessionManager(opts) {
   if (sessions.size === 0) {
     createSession();
   } else {
-    // Activate the most recent session
-    var lastSession = [...sessions.values()].pop();
-    activeSessionId = lastSession.localId;
+    // Activate the most recently used session
+    var allSessions = [...sessions.values()];
+    var mostRecent = allSessions[0];
+    for (var i = 1; i < allSessions.length; i++) {
+      if ((allSessions[i].lastActivity || 0) > (mostRecent.lastActivity || 0)) {
+        mostRecent = allSessions[i];
+      }
+    }
+    activeSessionId = mostRecent.localId;
   }
 
   function searchSessions(query) {

package/package.json

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