claude-remote-cli 1.3.0 → 1.4.1

package/dist/bin/claude-remote-cli.js

@@ -1,9 +1,12 @@
 #!/usr/bin/env node
 import path from 'node:path';
 import fs from 'node:fs';
+import { execFile } from 'node:child_process';
+import { promisify } from 'node:util';
 import { fileURLToPath } from 'node:url';
 import * as service from '../server/service.js';
 import { DEFAULTS } from '../server/config.js';
+const execFileAsync = promisify(execFile);
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 // Parse CLI flags
 const args = process.argv.slice(2);
@@ -12,6 +15,7 @@ if (args.includes('--help') || args.includes('-h')) {
        claude-remote-cli <command>
 
 Commands:
+  update             Update to the latest version from npm
   install            Install as a background service (survives reboot)
   uninstall          Stop and remove the background service
   status             Show whether the service is running
@@ -53,6 +57,36 @@ function runServiceCommand(fn) {
     process.exit(0);
 }
 const command = args[0];
+if (command === 'update') {
+    try {
+        const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../../package.json'), 'utf-8'));
+        console.log(`Current version: ${pkg.version}`);
+        console.log('Updating claude-remote-cli...');
+        await execFileAsync('npm', ['install', '-g', 'claude-remote-cli@latest']);
+        const updatedPkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../../package.json'), 'utf-8'));
+        if (updatedPkg.version === pkg.version) {
+            console.log(`Already on the latest version (${pkg.version}).`);
+        }
+        else {
+            console.log(`Updated to ${updatedPkg.version}.`);
+            if (service.isInstalled()) {
+                console.log('Background service detected — restarting...');
+                service.uninstall();
+                service.install({
+                    configPath: resolveConfigPath(),
+                    port: getArg('--port') ?? String(DEFAULTS.port),
+                    host: getArg('--host') ?? DEFAULTS.host,
+                });
+                console.log('Service restarted.');
+            }
+        }
+    }
+    catch (e) {
+        console.error('Update failed:', e.message);
+        process.exit(1);
+    }
+    process.exit(0);
+}
 if (command === 'install' || command === 'uninstall' || command === 'status' || args.includes('--bg')) {
     if (command === 'uninstall') {
         runServiceCommand(() => { service.uninstall(); });

package/dist/server/index.js

@@ -317,7 +317,7 @@ async function main() {
             return;
         }
         const name = repoName || repoPath.split('/').filter(Boolean).pop() || 'session';
-        const baseArgs = claudeArgs || config.claudeArgs || [];
+        const baseArgs = [...(config.claudeArgs || []), ...(claudeArgs || [])];
         // Compute root by matching repoPath against configured rootDirs
         const roots = config.rootDirs || [];
         const root = roots.find(function (r) { return repoPath.startsWith(r); }) || '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-remote-cli",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "Remote web interface for Claude Code CLI sessions",
   "type": "module",
   "main": "dist/server/index.js",

package/public/app.js

@@ -34,7 +34,9 @@
   var sidebarRepoFilter = document.getElementById('sidebar-repo-filter');
   var dialogRootSelect = document.getElementById('dialog-root-select');
   var dialogRepoSelect = document.getElementById('dialog-repo-select');
+  var dialogYolo = document.getElementById('dialog-yolo');
   var contextMenu = document.getElementById('context-menu');
+  var ctxResumeYolo = document.getElementById('ctx-resume-yolo');
   var ctxDeleteWorktree = document.getElementById('ctx-delete-worktree');
   var deleteWtDialog = document.getElementById('delete-worktree-dialog');
   var deleteWtName = document.getElementById('delete-wt-name');
@@ -550,7 +552,18 @@
       .catch(function () {});
   }
 
-  // ── Delete Worktree ────────────────────────────────────────────────────────
+  // ── Context Menu Actions ──────────────────────────────────────────────────
+
+  ctxResumeYolo.addEventListener('click', function (e) {
+    e.stopPropagation();
+    hideContextMenu();
+    if (!contextMenuTarget) return;
+    startSession(
+      contextMenuTarget.repoPath,
+      contextMenuTarget.worktreePath,
+      ['--dangerously-skip-permissions']
+    );
+  });
 
   ctxDeleteWorktree.addEventListener('click', function (e) {
     e.stopPropagation();
@@ -658,12 +671,13 @@
     dialogRepoSelect.disabled = false;
   });
 
-  function startSession(repoPath, worktreePath) {
+  function startSession(repoPath, worktreePath, claudeArgs) {
     var body = {
       repoPath: repoPath,
       repoName: repoPath.split('/').filter(Boolean).pop(),
     };
     if (worktreePath) body.worktreePath = worktreePath;
+    if (claudeArgs) body.claudeArgs = claudeArgs;
 
     fetch('/sessions', {
       method: 'POST',
@@ -683,6 +697,7 @@
 
   newSessionBtn.addEventListener('click', function () {
     customPath.value = '';
+    dialogYolo.checked = false;
     populateDialogRootSelect();
 
     var sidebarRoot = sidebarRootFilter.value;
@@ -709,7 +724,8 @@
   dialogStart.addEventListener('click', function () {
     var path = customPath.value.trim() || dialogRepoSelect.value;
     if (!path) return;
-    startSession(path);
+    var args = dialogYolo.checked ? ['--dangerously-skip-permissions'] : undefined;
+    startSession(path, undefined, args);
   });
 
   dialogCancel.addEventListener('click', function () {

package/public/index.html

@@ -110,6 +110,13 @@
       <label for="custom-path-input">Or enter a local path:</label>
       <input type="text" id="custom-path-input" placeholder="/Users/you/code/my-repo" />
     </div>
+    <div class="dialog-option">
+      <label>
+        <input type="checkbox" id="dialog-yolo" />
+        Yolo mode
+      </label>
+      <span class="dialog-option-hint">Skip all permission prompts</span>
+    </div>
     <div class="dialog-actions">
       <button id="dialog-cancel">Cancel</button>
       <button id="dialog-start" class="btn-accent">New Worktree</button>
@@ -135,7 +142,8 @@
 
   <!-- Context Menu -->
   <div id="context-menu" class="context-menu" hidden>
-    <button id="ctx-delete-worktree" class="context-menu-item">Delete worktree</button>
+    <button id="ctx-resume-yolo" class="context-menu-item">Resume in yolo mode</button>
+    <button id="ctx-delete-worktree" class="context-menu-item ctx-danger">Delete worktree</button>
   </div>
 
   <!-- Delete Worktree Confirmation Dialog -->

package/public/style.css

@@ -590,6 +590,35 @@ dialog#new-session-dialog h2 {
   border-color: var(--accent);
 }
 
+.dialog-option {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-bottom: 1rem;
+}
+
+.dialog-option label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.875rem;
+  color: var(--text);
+  cursor: pointer;
+}
+
+.dialog-option input[type="checkbox"] {
+  width: 16px;
+  height: 16px;
+  accent-color: var(--accent);
+  cursor: pointer;
+}
+
+.dialog-option-hint {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  padding-left: 24px;
+}
+
 .dialog-actions {
   display: flex;
   gap: 8px;
@@ -769,6 +798,11 @@ dialog#settings-dialog h2 {
   color: var(--accent);
 }
 
+.context-menu-item.ctx-danger:hover,
+.context-menu-item.ctx-danger:active {
+  color: #c0392b;
+}
+
 /* ===== Delete Worktree Dialog ===== */
 dialog#delete-worktree-dialog {
   background: var(--surface);