claude-relay 2.2.0 → 2.2.1

package/README.md

@@ -185,6 +185,10 @@ npx claude-relay -p 8080      # Specify port
 npx claude-relay --no-https   # Disable HTTPS
 npx claude-relay --no-update  # Skip update check
 npx claude-relay --debug      # Enable debug panel
+npx claude-relay --add .      # Add current directory to running daemon
+npx claude-relay --add /path  # Add a project by path
+npx claude-relay --remove .   # Remove a project
+npx claude-relay --list       # List registered projects
 ```
 
 ## Requirements

package/bin/cli.js

@@ -18,6 +18,9 @@ var debugMode = false;
 var autoYes = false;
 var cliPin = null;
 var shutdownMode = false;
+var addPath = null;
+var removePath = null;
+var listMode = false;
 
 for (var i = 0; i < args.length; i++) {
   if (args[i] === "-p" || args[i] === "--port") {
@@ -40,8 +43,19 @@ for (var i = 0; i < args.length; i++) {
     i++;
   } else if (args[i] === "--shutdown") {
     shutdownMode = true;
+  } else if (args[i] === "--add") {
+    addPath = args[i + 1] || ".";
+    i++;
+  } else if (args[i] === "--remove") {
+    removePath = args[i + 1] || null;
+    i++;
+  } else if (args[i] === "--list") {
+    listMode = true;
   } else if (args[i] === "-h" || args[i] === "--help") {
     console.log("Usage: claude-relay [-p|--port <port>] [--no-https] [--no-update] [--debug] [-y|--yes] [--pin <pin>] [--shutdown]");
+    console.log("       claude-relay --add <path>     Add a project to the running daemon");
+    console.log("       claude-relay --remove <path>  Remove a project from the running daemon");
+    console.log("       claude-relay --list            List registered projects");
     console.log("");
     console.log("Options:");
     console.log("  -p, --port <port>  Port to listen on (default: 2633)");
@@ -51,6 +65,9 @@ for (var i = 0; i < args.length; i++) {
     console.log("  -y, --yes          Skip interactive prompts (accept defaults)");
     console.log("  --pin <pin>        Set 6-digit PIN (use with --yes)");
     console.log("  --shutdown         Shut down the running relay daemon");
+    console.log("  --add <path>       Add a project directory (use '.' for current)");
+    console.log("  --remove <path>    Remove a project directory");
+    console.log("  --list             List all registered projects");
     process.exit(0);
   }
 }
@@ -75,6 +92,93 @@ if (shutdownMode) {
   return;
 }
 
+// --- Handle --add before anything else ---
+if (addPath !== null) {
+  var absAdd = path.resolve(addPath);
+  try {
+    var stat = fs.statSync(absAdd);
+    if (!stat.isDirectory()) {
+      console.error("Not a directory: " + absAdd);
+      process.exit(1);
+    }
+  } catch (e) {
+    console.error("Directory not found: " + absAdd);
+    process.exit(1);
+  }
+  var addConfig = loadConfig();
+  isDaemonAliveAsync(addConfig).then(function (alive) {
+    if (!alive) {
+      console.error("No running daemon. Start with: npx claude-relay");
+      process.exit(1);
+    }
+    sendIPCCommand(socketPath(), { cmd: "add_project", path: absAdd }).then(function (res) {
+      if (res.ok) {
+        if (res.existing) {
+          console.log("Already registered: " + res.slug);
+        } else {
+          console.log("Added: " + res.slug + " \u2192 " + absAdd);
+        }
+        process.exit(0);
+      } else {
+        console.error("Failed: " + (res.error || "unknown error"));
+        process.exit(1);
+      }
+    });
+  });
+  return;
+}
+
+// --- Handle --remove before anything else ---
+if (removePath !== null) {
+  var absRemove = path.resolve(removePath);
+  var removeConfig = loadConfig();
+  isDaemonAliveAsync(removeConfig).then(function (alive) {
+    if (!alive) {
+      console.error("No running daemon. Start with: npx claude-relay");
+      process.exit(1);
+    }
+    sendIPCCommand(socketPath(), { cmd: "remove_project", path: absRemove }).then(function (res) {
+      if (res.ok) {
+        console.log("Removed: " + path.basename(absRemove));
+        process.exit(0);
+      } else {
+        console.error("Failed: " + (res.error || "project not found"));
+        process.exit(1);
+      }
+    });
+  });
+  return;
+}
+
+// --- Handle --list before anything else ---
+if (listMode) {
+  var listConfig = loadConfig();
+  isDaemonAliveAsync(listConfig).then(function (alive) {
+    if (!alive) {
+      console.error("No running daemon. Start with: npx claude-relay");
+      process.exit(1);
+    }
+    sendIPCCommand(socketPath(), { cmd: "get_status" }).then(function (res) {
+      if (!res.ok || !res.projects || res.projects.length === 0) {
+        console.log("No projects registered.");
+        process.exit(0);
+        return;
+      }
+      console.log("Projects (" + res.projects.length + "):\n");
+      for (var p = 0; p < res.projects.length; p++) {
+        var proj = res.projects[p];
+        var label = "  " + proj.slug;
+        if (proj.title) label += " (" + proj.title + ")";
+        label += "\n    " + proj.path;
+        console.log(label);
+      }
+      console.log("");
+      process.exit(0);
+    });
+  });
+  return;
+}
+
 var cwd = process.cwd();
 
 // --- ANSI helpers ---

package/lib/public/app.js

@@ -1623,6 +1623,7 @@ import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUs
     sessionListEl: sessionListEl,
     scrollToBottom: scrollToBottom,
     basePath: basePath,
+    toggleUsagePanel: toggleUsagePanel,
   });
 
   // --- QR code ---

package/lib/public/css/messages.css

@@ -46,6 +46,21 @@
 #todo-sticky .todo-sticky-chevron { display: inline-flex; color: var(--text-muted); transition: transform 0.2s; }
 #todo-sticky .todo-sticky-chevron .lucide { width: 12px; height: 12px; }
 #todo-sticky.collapsed .todo-sticky-chevron { transform: rotate(-90deg); }
+#todo-sticky .todo-sticky-active { display: none; }
+#todo-sticky.collapsed .todo-sticky-active {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+  font-size: 11px;
+  color: var(--text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+#todo-sticky.collapsed .todo-sticky-active .lucide { width: 12px; height: 12px; color: var(--accent); flex-shrink: 0; }
+#todo-sticky.collapsed .todo-sticky-title { flex: none; }
 
 #todo-sticky .todo-sticky-progress { height: 2px; background: var(--border); }
 #todo-sticky .todo-sticky-progress-bar { height: 100%; background: var(--success); transition: width 0.3s ease; }

package/lib/public/modules/tools.js

@@ -693,10 +693,16 @@ function updateTodoSticky() {
   var pct = Math.round(completed / todoItems.length * 100);
   var wasCollapsed = stickyEl.classList.contains("collapsed");
 
+  var inProgressItem = null;
+  for (var j = 0; j < todoItems.length; j++) {
+    if (todoItems[j].status === "in_progress") { inProgressItem = todoItems[j]; break; }
+  }
+
   var html = '<div class="todo-sticky-inner">' +
     '<div class="todo-sticky-header">' +
     '<span class="todo-sticky-icon">' + iconHtml("list-checks") + '</span>' +
     '<span class="todo-sticky-title">Tasks</span>' +
+    (inProgressItem ? '<span class="todo-sticky-active">' + iconHtml("loader", "icon-spin") + ' ' + escapeHtml(inProgressItem.activeForm || inProgressItem.content) + '</span>' : '') +
     '<span class="todo-sticky-count">' + completed + '/' + todoItems.length + '</span>' +
     '<span class="todo-sticky-chevron">' + iconHtml("chevron-down") + '</span>' +
     '</div>' +

package/package.json

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