claude-remote-cli 1.9.4 → 1.9.6

package/package.json

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

package/public/app.js

@@ -1286,16 +1286,32 @@
   (function () {
     if (!isMobileDevice) return;
 
-    // ── Debug Panel (temporary) ──
+    // ── Debug Panel (hidden by default, toggle with button) ──
     var debugPanel = document.createElement('div');
     debugPanel.id = 'debug-panel';
-    debugPanel.style.cssText = 'position:fixed;top:0;left:0;right:0;height:30vh;overflow-y:auto;background:rgba(0,0,0,0.92);color:#0f0;font:11px/1.4 monospace;padding:6px;z-index:9999;pointer-events:auto;';
+    debugPanel.style.cssText = 'position:fixed;top:0;left:0;right:0;height:30vh;overflow-y:auto;background:rgba(0,0,0,0.92);color:#0f0;font:11px/1.4 monospace;padding:6px 6px 6px 40px;z-index:9999;display:none;';
     document.body.appendChild(debugPanel);
+
+    var debugToggle = document.createElement('button');
+    debugToggle.id = 'debug-toggle';
+    debugToggle.textContent = 'dbg';
+    debugToggle.style.cssText = 'position:fixed;bottom:60px;right:8px;z-index:10000;background:#333;color:#0f0;border:1px solid #0f0;border-radius:6px;font:12px monospace;padding:6px 10px;opacity:0.5;min-width:44px;min-height:44px;';
+    document.body.appendChild(debugToggle);
+
+    var debugVisible = false;
+    debugToggle.addEventListener('click', function (e) {
+      e.preventDefault();
+      e.stopPropagation();
+      debugVisible = !debugVisible;
+      debugPanel.style.display = debugVisible ? 'block' : 'none';
+      debugToggle.style.opacity = debugVisible ? '1' : '0.6';
+    });
+
     var debugLines = [];
     function dbg(msg) {
       var t = performance.now().toFixed(1);
       debugLines.push('[' + t + '] ' + msg);
-      if (debugLines.length > 60) debugLines.shift();
+      if (debugLines.length > 200) debugLines.shift();
       debugPanel.innerHTML = debugLines.join('<br>');
       debugPanel.scrollTop = debugPanel.scrollHeight;
     }
@@ -1343,11 +1359,33 @@
       return count;
     }
 
+    // Batched send: accumulates payload across rapid input events (e.g. autocorrect
+    // fires deleteContentBackward + insertText ~2ms apart) and flushes in one
+    // ws.send() so the PTY receives backspaces + replacement text atomically.
+    var sendBuffer = '';
+    var sendTimer = null;
+    var SEND_DELAY = 10; // ms – enough to batch autocorrect pairs, imperceptible for typing
+
+    function scheduleSend(data) {
+      sendBuffer += data;
+      if (sendTimer !== null) clearTimeout(sendTimer);
+      sendTimer = setTimeout(flushSendBuffer, SEND_DELAY);
+    }
+
+    function flushSendBuffer() {
+      sendTimer = null;
+      if (sendBuffer && ws && ws.readyState === WebSocket.OPEN) {
+        dbg('FLUSH: "' + sendBuffer.replace(/\x7f/g, '\u232b') + '" (' + sendBuffer.length + ' bytes)');
+        ws.send(sendBuffer);
+      }
+      sendBuffer = '';
+    }
+
     // Send the diff between lastInputValue and currentValue to the terminal.
     // Handles autocorrect expansions, deletions, and same-length replacements.
     function sendInputDiff(currentValue) {
       if (currentValue === lastInputValue) {
-        dbg('  sendInputDiff: NO-OP (same)');
+        dbg('sendInputDiff: NO-OP (same)');
         return;
       }
 
@@ -1356,13 +1394,15 @@
       var charsToDelete = codepointCount(deletedSlice);
       var newChars = currentValue.slice(commonLen);
 
-      dbg('  sendInputDiff: del=' + charsToDelete + ' "' + deletedSlice + '" add="' + newChars + '"');
+      dbg('sendInputDiff: del=' + charsToDelete + ' "' + deletedSlice + '" add="' + newChars + '"');
 
+      var payload = '';
       for (var i = 0; i < charsToDelete; i++) {
-        ws.send('\x7f'); // backspace
+        payload += '\x7f';
       }
-      if (newChars) {
-        ws.send(newChars);
+      payload += newChars;
+      if (payload) {
+        scheduleSend(payload);
       }
     }
 
@@ -1397,9 +1437,7 @@
       lastInputValue = '';
     });
 
-    // Flush any pending composed text to the terminal.
-    // Safe to call even if compositionend already ran: sendInputDiff
-    // is a no-op when lastInputValue === mobileInput.value.
+    // Flush any pending composed text and buffered sends to the terminal.
     function flushComposedText() {
       isComposing = false;
       if (ws && ws.readyState === WebSocket.OPEN) {
@@ -1407,6 +1445,7 @@
         sendInputDiff(currentValue);
         lastInputValue = currentValue;
       }
+      flushSendBuffer();
     }
     function clearInput() {
       mobileInput.value = '';
@@ -1418,6 +1457,10 @@
 
     // Handle text input with autocorrect
     var clearTimer = null;
+    mobileInput.addEventListener('beforeinput', function (e) {
+      dbg('BEFORE_INPUT type="' + e.inputType + '" data="' + (e.data || '') + '" composing=' + isComposing);
+    });
+
     mobileInput.addEventListener('input', function (e) {
       dbg('INPUT type="' + e.inputType + '" composing=' + isComposing + ' val="' + mobileInput.value + '" last="' + lastInputValue + '"');
 
@@ -1441,10 +1484,6 @@
       lastInputValue = currentValue;
     });
 
-    mobileInput.addEventListener('beforeinput', function (e) {
-      dbg('BEFORE_INPUT type="' + e.inputType + '" data="' + (e.data || '') + '" composing=' + isComposing);
-    });
-
     // Handle special keys (Enter, Backspace, Escape, arrows, Tab)
     mobileInput.addEventListener('keydown', function (e) {
       dbg('KEYDOWN key="' + e.key + '" shift=' + e.shiftKey + ' composing=' + isComposing + ' val="' + mobileInput.value + '"');