claude-opencode-viewer 2.1.5 → 2.1.7

package/index.html

@@ -500,23 +500,50 @@
         'tab': '\t'
       };
 
+      // 方向键列表
+      var ARROW_KEYS = ['up', 'down', 'left', 'right'];
+
       function sendKey(keyName) {
-        // 点击虚拟按键时收起手机键盘
-        if (inputField && isMobile) {
-          inputField.blur();
+        // 重新获取焦点状态（确保使用最新状态）
+        var isInputFocused = (inputField && document.activeElement === inputField);
+
+        // 方向键特殊处理：根据焦点位置决定行为
+        if (ARROW_KEYS.indexOf(keyName) !== -1) {
+          if (isInputFocused) {
+            // 焦点在输入框：模拟方向键操作输入框光标
+            var cursorPos = inputField.selectionStart;
+            var textLen = inputField.value.length;
+
+            if (keyName === 'left' && cursorPos > 0) {
+              inputField.setSelectionRange(cursorPos - 1, cursorPos - 1);
+            } else if (keyName === 'right' && cursorPos < textLen) {
+              inputField.setSelectionRange(cursorPos + 1, cursorPos + 1);
+            }
+            // 上下方向键在单行输入框中无操作
+            return;
+          } else {
+            // 焦点在终端：发送方向键到终端，并收起键盘
+            if (isMobile) {
+              inputField.blur();
+            }
+          }
+        } else {
+          // 非方向键：点击时收起键盘
+          if (isMobile) {
+            inputField.blur();
+          }
         }
 
         // Enter 键特殊处理：根据焦点位置决定行为
         if (keyName === 'enter') {
-          if (inputFocused && inputField && inputField.value) {
+          if (isInputFocused && inputField && inputField.value) {
             // 焦点在输入框且有内容：只发送输入框内容，不额外发送 \r
             var value = inputField.value;
             console.log('[enter] from input:', value);
             ws.send(JSON.stringify({ type: 'input', data: value + '\r' }));
             inputField.value = '';
-            // 让输入框失去焦点，防止终端 textarea 同时收到输入
             inputField.blur();
-          } else if (inputFocused && inputField) {
+          } else if (isInputFocused && inputField) {
             // 焦点在输入框但内容为空：不发送任何内容，避免误触
             console.log('[enter] input focused but empty, ignored');
           } else {
@@ -527,7 +554,14 @@
           return;
         }
 
-        // 其他按键直接发送
+        // Esc 键：中断终端进程（发送 ESC 字符）
+        if (keyName === 'esc') {
+          console.log('[esc] sending escape to terminal');
+          ws.send(JSON.stringify({ type: 'input', data: '\x1b' }));
+          return;
+        }
+
+        // 其他按键直接发送到终端
         var key = KEY_MAP[keyName];
         if (key && ws && ws.readyState === 1 && !isTransitioning) {
           console.log('[sendKey] sending:', keyName, '->', key);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-opencode-viewer",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "description": "A unified terminal viewer for Claude Code and OpenCode with seamless switching",
   "type": "module",
   "main": "server.js",