claude-remote-cli 1.3.0 → 1.4.0

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.0",
   "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);