claude-remote-cli 1.6.0 → 1.7.1

package/dist/server/config.js

@@ -1,4 +1,6 @@
 import fs from 'node:fs';
+import path from 'node:path';
+import crypto from 'node:crypto';
 export const DEFAULTS = {
     host: '0.0.0.0',
     port: 3456,
@@ -18,3 +20,30 @@ export function loadConfig(configPath) {
 export function saveConfig(configPath, config) {
     fs.writeFileSync(configPath, JSON.stringify(config, null, 2), 'utf8');
 }
+function metaDir(configPath) {
+    return path.join(path.dirname(configPath), 'worktree-meta');
+}
+function metaFilePath(configPath, worktreePath) {
+    const hash = crypto.createHash('sha256').update(worktreePath).digest('hex').slice(0, 16);
+    return path.join(metaDir(configPath), hash + '.json');
+}
+export function ensureMetaDir(configPath) {
+    const dir = metaDir(configPath);
+    if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+    }
+}
+export function readMeta(configPath, worktreePath) {
+    const fp = metaFilePath(configPath, worktreePath);
+    try {
+        return JSON.parse(fs.readFileSync(fp, 'utf8'));
+    }
+    catch (_) {
+        return null;
+    }
+}
+export function writeMeta(configPath, meta) {
+    const fp = metaFilePath(configPath, meta.worktreePath);
+    ensureMetaDir(configPath);
+    fs.writeFileSync(fp, JSON.stringify(meta, null, 2), 'utf8');
+}

package/dist/server/index.js

@@ -8,7 +8,7 @@ import { execFile } from 'node:child_process';
 import { promisify } from 'node:util';
 import express from 'express';
 import cookieParser from 'cookie-parser';
-import { loadConfig, saveConfig, DEFAULTS } from './config.js';
+import { loadConfig, saveConfig, DEFAULTS, readMeta, writeMeta, ensureMetaDir } from './config.js';
 import * as auth from './auth.js';
 import * as sessions from './sessions.js';
 import { setupWebSocket } from './ws.js';
@@ -21,6 +21,8 @@ const execFileAsync = promisify(execFile);
 // When run via CLI bin, config lives in ~/.config/claude-remote-cli/
 // When run directly (development), fall back to local config.json
 const CONFIG_PATH = process.env.CLAUDE_REMOTE_CONFIG || path.join(__dirname, '..', '..', 'config.json');
+// Ensure worktree metadata directory exists alongside config
+ensureMetaDir(CONFIG_PATH);
 const VERSION_CACHE_TTL = 5 * 60 * 1000;
 let versionCache = null;
 function getCurrentVersion() {
@@ -216,12 +218,16 @@ async function main() {
             for (const entry of entries) {
                 if (!entry.isDirectory())
                     continue;
+                const wtPath = path.join(worktreeDir, entry.name);
+                const meta = readMeta(CONFIG_PATH, wtPath);
                 worktrees.push({
                     name: entry.name,
-                    path: path.join(worktreeDir, entry.name),
+                    path: wtPath,
                     repoName: repo.name,
                     repoPath: repo.path,
                     root: repo.root,
+                    displayName: meta ? meta.displayName : '',
+                    lastActivity: meta ? meta.lastActivity : '',
                 });
             }
         }
@@ -327,8 +333,8 @@ async function main() {
         let cwd;
         let worktreeName;
         if (worktreePath) {
-            // Resume existing worktree — run claude inside the worktree directory
-            args = [...baseArgs];
+            // Resume existing worktree — run claude --continue inside the worktree directory
+            args = ['--continue', ...baseArgs];
             cwd = worktreePath;
             worktreeName = worktreePath.split('/').pop() || '';
         }
@@ -346,6 +352,7 @@ async function main() {
             displayName: worktreeName,
             command: config.claudeCommand,
             args,
+            configPath: CONFIG_PATH,
         });
         res.status(201).json(session);
     });
@@ -359,7 +366,7 @@ async function main() {
             res.status(404).json({ error: 'Session not found' });
         }
     });
-    // PATCH /sessions/:id — update displayName and send /rename through PTY
+    // PATCH /sessions/:id — update displayName and persist to metadata
     app.patch('/sessions/:id', requireAuth, (req, res) => {
         const { displayName } = req.body;
         if (!displayName) {
@@ -370,8 +377,8 @@ async function main() {
             const id = req.params['id'];
             const updated = sessions.updateDisplayName(id, displayName);
             const session = sessions.get(id);
-            if (session && session.pty) {
-                session.pty.write('/rename "' + displayName.replace(/"/g, '\\"') + '"\r');
+            if (session) {
+                writeMeta(CONFIG_PATH, { worktreePath: session.repoPath, displayName, lastActivity: session.lastActivity });
             }
             res.json(updated);
         }

package/dist/server/sessions.js

@@ -3,9 +3,10 @@ import crypto from 'node:crypto';
 import fs from 'node:fs';
 import os from 'node:os';
 import path from 'node:path';
+import { readMeta, writeMeta } from './config.js';
 // In-memory registry: id -> Session
 const sessions = new Map();
-function create({ repoName, repoPath, root, worktreeName, displayName, command, args = [], cols = 80, rows = 24 }) {
+function create({ repoName, repoPath, root, worktreeName, displayName, command, args = [], cols = 80, rows = 24, configPath }) {
     const id = crypto.randomBytes(8).toString('hex');
     const createdAt = new Date().toISOString();
     // Strip CLAUDECODE env var to allow spawning claude inside a claude-managed server
@@ -35,6 +36,15 @@ function create({ repoName, repoPath, root, worktreeName, displayName, command,
         scrollback,
     };
     sessions.set(id, session);
+    // Load existing metadata to preserve a previously-set displayName
+    if (configPath && worktreeName) {
+        const existing = readMeta(configPath, repoPath);
+        if (existing && existing.displayName) {
+            session.displayName = existing.displayName;
+        }
+        writeMeta(configPath, { worktreePath: repoPath, displayName: session.displayName, lastActivity: createdAt });
+    }
+    let metaFlushTimer = null;
     ptyProcess.onData((data) => {
         session.lastActivity = new Date().toISOString();
         scrollback.push(data);
@@ -43,8 +53,19 @@ function create({ repoName, repoPath, root, worktreeName, displayName, command,
         while (scrollbackBytes > MAX_SCROLLBACK && scrollback.length > 1) {
             scrollbackBytes -= scrollback.shift().length;
         }
+        if (configPath && worktreeName && !metaFlushTimer) {
+            metaFlushTimer = setTimeout(() => {
+                metaFlushTimer = null;
+                writeMeta(configPath, { worktreePath: repoPath, displayName: session.displayName, lastActivity: session.lastActivity });
+            }, 5000);
+        }
     });
     ptyProcess.onExit(() => {
+        if (metaFlushTimer)
+            clearTimeout(metaFlushTimer);
+        if (configPath && worktreeName) {
+            writeMeta(configPath, { worktreePath: repoPath, displayName: session.displayName, lastActivity: session.lastActivity });
+        }
         sessions.delete(id);
         const tmpDir = path.join(os.tmpdir(), 'claude-remote-cli', id);
         fs.rm(tmpDir, { recursive: true, force: true }, () => { });

package/package.json

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

package/public/app.js

@@ -155,6 +155,60 @@
       }
     });
 
+    // On Windows/Linux, Ctrl+V is the paste shortcut but xterm.js intercepts it
+    // internally without firing a native paste event, so our image paste handler
+    // on terminalContainer never runs. Intercept Ctrl+V here to check for images.
+    // On macOS, Ctrl+V sends a raw \x16 to the terminal (used by vim etc.), so
+    // we only intercept on non-Mac platforms.
+    var isMac = /Mac|iPhone|iPad|iPod/.test(navigator.platform || '');
+    if (!isMac) {
+      term.attachCustomKeyEventHandler(function (e) {
+        if (e.type === 'keydown' && e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey &&
+            (e.key === 'v' || e.key === 'V')) {
+          if (navigator.clipboard && navigator.clipboard.read) {
+            navigator.clipboard.read().then(function (clipboardItems) {
+              var imageBlob = null;
+              var imageType = null;
+
+              for (var i = 0; i < clipboardItems.length; i++) {
+                var types = clipboardItems[i].types;
+                for (var j = 0; j < types.length; j++) {
+                  if (types[j].indexOf('image/') === 0) {
+                    imageType = types[j];
+                    imageBlob = clipboardItems[i];
+                    break;
+                  }
+                }
+                if (imageBlob) break;
+              }
+
+              if (imageBlob) {
+                imageBlob.getType(imageType).then(function (blob) {
+                  uploadImage(blob, imageType);
+                });
+              } else {
+                navigator.clipboard.readText().then(function (text) {
+                  if (text) term.paste(text);
+                });
+              }
+            }).catch(function () {
+              // Clipboard read failed (permission denied, etc.) — fall back to text.
+              // If readText also fails, paste is lost for this keypress; this only
+              // happens when clipboard permission is fully denied, which is rare
+              // for user-gesture-triggered reads on HTTPS origins.
+              if (navigator.clipboard.readText) {
+                navigator.clipboard.readText().then(function (text) {
+                  if (text) term.paste(text);
+                }).catch(function () {});
+              }
+            });
+            return false; // Prevent xterm from handling Ctrl+V
+          }
+        }
+        return true; // Let xterm handle all other keys
+      });
+    }
+
     var resizeObserver = new ResizeObserver(function () {
       fitAddon.fit();
       sendResize();
@@ -320,6 +374,24 @@
     return path.split('/').filter(Boolean).pop() || path;
   }
 
+  function formatRelativeTime(isoString) {
+    if (!isoString) return '';
+    var now = Date.now();
+    var then = new Date(isoString).getTime();
+    var diffSec = Math.floor((now - then) / 1000);
+    if (diffSec < 60) return 'just now';
+    var diffMin = Math.floor(diffSec / 60);
+    if (diffMin < 60) return diffMin + ' min ago';
+    var diffHr = Math.floor(diffMin / 60);
+    if (diffHr < 24) return diffHr + (diffHr === 1 ? ' hour ago' : ' hours ago');
+    var diffDay = Math.floor(diffHr / 24);
+    if (diffDay === 1) return 'yesterday';
+    if (diffDay < 7) return diffDay + ' days ago';
+    var d = new Date(isoString);
+    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
+    return months[d.getMonth()] + ' ' + d.getDate();
+  }
+
   function renderUnifiedList() {
     var rootFilter = sidebarRootFilter.value;
     var repoFilter = sidebarRepoFilter.value;
@@ -396,6 +468,11 @@
     infoDiv.appendChild(nameSpan);
     infoDiv.appendChild(subSpan);
 
+    var timeSpan = document.createElement('span');
+    timeSpan.className = 'session-time';
+    timeSpan.textContent = formatRelativeTime(session.lastActivity);
+    infoDiv.appendChild(timeSpan);
+
     var actionsDiv = document.createElement('div');
     actionsDiv.className = 'session-actions';
 
@@ -439,8 +516,9 @@
 
     var nameSpan = document.createElement('span');
     nameSpan.className = 'session-name';
-    nameSpan.textContent = wt.name;
-    nameSpan.title = wt.name;
+    var wtDisplayName = wt.displayName || wt.name;
+    nameSpan.textContent = wtDisplayName;
+    nameSpan.title = wtDisplayName;
 
     var subSpan = document.createElement('span');
     subSpan.className = 'session-sub';
@@ -449,6 +527,11 @@
     infoDiv.appendChild(nameSpan);
     infoDiv.appendChild(subSpan);
 
+    var timeSpan = document.createElement('span');
+    timeSpan.className = 'session-time';
+    timeSpan.textContent = formatRelativeTime(wt.lastActivity);
+    infoDiv.appendChild(timeSpan);
+
     li.appendChild(infoDiv);
 
     // Click to resume (but not if context menu just opened or long-press fired)

package/public/style.css

@@ -242,6 +242,10 @@ html, body {
   color: rgba(255, 255, 255, 0.7);
 }
 
+#session-list li.active-session.active .session-time {
+  color: rgba(255, 255, 255, 0.5);
+}
+
 /* Inactive worktree (outline) */
 #session-list li.inactive-worktree {
   background: transparent;
@@ -280,6 +284,15 @@ html, body {
   white-space: nowrap;
 }
 
+.session-time {
+  font-size: 0.65rem;
+  color: var(--text-muted);
+  opacity: 0.6;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .session-actions {
   display: flex;
   align-items: center;