claude-remote-cli 1.9.2 → 1.9.4

package/package.json

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

package/public/app.js

@@ -1108,8 +1108,8 @@
     var text = btn.dataset.text;
     var key = btn.dataset.key;
 
-    // Flush composed text before sending Enter so pending input isn't lost
-    if (key === '\r' && mobileInput.flushComposedText) {
+    // Flush composed text before sending Enter/newline so pending input isn't lost
+    if ((key === '\r' || key === '\x1b[13;2u') && mobileInput.flushComposedText) {
       mobileInput.flushComposedText();
     }
 
@@ -1119,8 +1119,8 @@
       ws.send(key);
     }
 
-    // Clear input after Enter to reset state
-    if (key === '\r' && mobileInput.clearInput) {
+    // Clear input after Enter/newline to reset state
+    if ((key === '\r' || key === '\x1b[13;2u') && mobileInput.clearInput) {
       mobileInput.clearInput();
     }
 
@@ -1286,6 +1286,20 @@
   (function () {
     if (!isMobileDevice) return;
 
+    // ── Debug Panel (temporary) ──
+    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;';
+    document.body.appendChild(debugPanel);
+    var debugLines = [];
+    function dbg(msg) {
+      var t = performance.now().toFixed(1);
+      debugLines.push('[' + t + '] ' + msg);
+      if (debugLines.length > 60) debugLines.shift();
+      debugPanel.innerHTML = debugLines.join('<br>');
+      debugPanel.scrollTop = debugPanel.scrollHeight;
+    }
+
     var lastInputValue = '';
     var isComposing = false;
 
@@ -1332,13 +1346,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 +1366,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,25 +1418,36 @@
 
     // Handle text input with autocorrect
     var clearTimer = null;
-    mobileInput.addEventListener('input', function () {
+    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);
       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 + '"');
       if (!ws || ws.readyState !== WebSocket.OPEN) return;
 
       var handled = true;
@@ -1419,7 +1455,11 @@
       switch (e.key) {
         case 'Enter':
           flushComposedText();
-          ws.send('\r');
+          if (e.shiftKey) {
+            ws.send('\x1b[13;2u'); // kitty protocol: Shift+Enter (newline)
+          } else {
+            ws.send('\r');
+          }
           mobileInput.value = '';
           lastInputValue = '';
           break;

package/public/index.html

@@ -79,10 +79,12 @@
           <button class="tb-btn tb-arrow" data-key="&#x1b;[A" aria-label="Up arrow">&#8593;</button>
           <button class="tb-btn" data-key="&#x1b;" aria-label="Escape">Esc</button>
           <button class="tb-btn" id="upload-image-btn" aria-label="Upload image">&#128247;</button>
+          <button class="tb-btn" data-key="&#x04;" aria-label="Ctrl+D">^D</button>
           <button class="tb-btn" data-key="&#x03;" aria-label="Ctrl+C">^C</button>
           <button class="tb-btn tb-arrow" data-key="&#x1b;[D" aria-label="Left arrow">&#8592;</button>
           <button class="tb-btn tb-arrow" data-key="&#x1b;[B" aria-label="Down arrow">&#8595;</button>
           <button class="tb-btn tb-arrow" data-key="&#x1b;[C" aria-label="Right arrow">&#8594;</button>
+          <button class="tb-btn tb-newline" data-key="&#x1b;[13;2u" aria-label="Shift+Enter (newline)">&#8679;&#9166;</button>
           <button class="tb-btn tb-enter" data-key="&#x0d;" aria-label="Enter">&#9166;</button>
         </div>
       </div>

package/public/style.css

@@ -521,7 +521,7 @@ html, body {
 
 .toolbar-grid {
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(6, 1fr);
   grid-template-rows: auto auto;
   gap: 4px;
   max-width: 500px;