claude-remote-cli 1.9.3 → 1.9.5

package/package.json

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

package/public/app.js

@@ -1286,6 +1286,36 @@
   (function () {
     if (!isMobileDevice) return;
 
+    // ── 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 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 > 200) debugLines.shift();
+      debugPanel.innerHTML = debugLines.join('<br>');
+      debugPanel.scrollTop = debugPanel.scrollHeight;
+    }
+
     var lastInputValue = '';
     var isComposing = false;
 
@@ -1332,13 +1362,18 @@
     // Send the diff between lastInputValue and currentValue to the terminal.
     // Handles autocorrect expansions, deletions, and same-length replacements.
     function sendInputDiff(currentValue) {
-      if (currentValue === lastInputValue) return;
+      if (currentValue === lastInputValue) {
+        dbg('sendInputDiff: NO-OP (same)');
+        return;
+      }
 
       var commonLen = commonPrefixLength(lastInputValue, currentValue);
       var deletedSlice = lastInputValue.slice(commonLen);
       var charsToDelete = codepointCount(deletedSlice);
       var newChars = currentValue.slice(commonLen);
 
+      dbg('sendInputDiff: del=' + charsToDelete + ' "' + deletedSlice + '" add="' + newChars + '"');
+
       for (var i = 0; i < charsToDelete; i++) {
         ws.send('\x7f'); // backspace
       }
@@ -1347,11 +1382,17 @@
       }
     }
 
-    mobileInput.addEventListener('compositionstart', function () {
+    mobileInput.addEventListener('compositionstart', function (e) {
+      dbg('COMP_START data="' + e.data + '" val="' + mobileInput.value + '" last="' + lastInputValue + '"');
       isComposing = true;
     });
 
-    mobileInput.addEventListener('compositionend', function () {
+    mobileInput.addEventListener('compositionupdate', function (e) {
+      dbg('COMP_UPDATE data="' + e.data + '" val="' + mobileInput.value + '"');
+    });
+
+    mobileInput.addEventListener('compositionend', function (e) {
+      dbg('COMP_END data="' + e.data + '" val="' + mobileInput.value + '" last="' + lastInputValue + '"');
       isComposing = false;
       if (ws && ws.readyState === WebSocket.OPEN) {
         var currentValue = mobileInput.value;
@@ -1393,17 +1434,27 @@
 
     // Handle text input with autocorrect
     var clearTimer = null;
-    mobileInput.addEventListener('input', function () {
+    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 + '"');
+
       // Reset the auto-clear timer to prevent unbounded growth
       if (clearTimer) clearTimeout(clearTimer);
       clearTimer = setTimeout(function () {
+        dbg('TIMER_CLEAR val="' + mobileInput.value + '"');
         mobileInput.value = '';
         lastInputValue = '';
       }, 5000);
 
       if (!ws || ws.readyState !== WebSocket.OPEN) return;
 
-      if (isComposing) return;
+      if (isComposing) {
+        dbg('  INPUT: skipped (composing)');
+        return;
+      }
 
       var currentValue = mobileInput.value;
       sendInputDiff(currentValue);
@@ -1412,6 +1463,7 @@
 
     // 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 + '"');
       if (!ws || ws.readyState !== WebSocket.OPEN) return;
 
       var handled = true;