claude-opencode-viewer 2.6.10 → 2.6.12

package/index-pc.html

@@ -87,170 +87,6 @@
       -webkit-overflow-scrolling: touch;
     }
 
-    #session-detail-view {
-      display: none;
-      flex-direction: column;
-      flex: 1;
-      min-height: 0;
-    }
-
-    #session-detail-view.visible {
-      display: flex;
-    }
-
-    #session-detail-header {
-      padding: 12px 16px;
-      background: #0d0d0d;
-      border-bottom: 1px solid #222;
-      flex-shrink: 0;
-    }
-
-    #session-detail-title {
-      font-size: 14px;
-      color: #ddd;
-      font-weight: 500;
-      margin-bottom: 4px;
-    }
-
-    #session-detail-meta {
-      font-size: 11px;
-      color: #888;
-      display: flex;
-      gap: 12px;
-    }
-
-    #session-detail-content {
-      flex: 1;
-      overflow-y: auto;
-      padding: 16px;
-      -webkit-overflow-scrolling: touch;
-    }
-
-    .message-item {
-      margin-bottom: 20px;
-      display: flex;
-      gap: 12px;
-      align-items: flex-start;
-    }
-
-    /* User 消息：左对齐 */
-    .message-user {
-      justify-content: flex-start;
-    }
-
-    /* Assistant 消息：右对齐 */
-    .message-assistant {
-      justify-content: flex-end;
-      flex-direction: row-reverse;
-    }
-
-    .message-avatar {
-      flex-shrink: 0;
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-      background: #2a4a7c;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 14px;
-    }
-
-    .message-assistant .message-avatar {
-      background: #1a5a3a;
-    }
-
-    .message-content {
-      flex: 1;
-      min-width: 0;
-      max-width: 80%;
-    }
-
-    .message-header {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      margin-bottom: 6px;
-    }
-
-    /* User 的标题左对齐 */
-    .message-user .message-header {
-      justify-content: flex-start;
-    }
-
-    /* Assistant 的标题右对齐 */
-    .message-assistant .message-header {
-      justify-content: flex-end;
-      flex-direction: row-reverse;
-    }
-
-    .message-role {
-      font-size: 11px;
-      color: #888;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    }
-
-    .message-text {
-      color: #ddd;
-      font-size: 13px;
-      line-height: 1.6;
-      white-space: pre-wrap;
-      word-break: break-word;
-      background: #141414;
-      padding: 12px;
-      border-radius: 8px;
-      border: 1px solid #222;
-    }
-
-    /* User 消息气泡 */
-    .message-user .message-text {
-      background: #1a2332;
-      border-color: #2a4a7c;
-    }
-
-    /* Assistant 消息气泡 */
-    .message-assistant .message-text {
-      background: #1a2e1a;
-      border-color: #2a5a3a;
-    }
-
-    .message-tool-call {
-      margin-top: 8px;
-      padding: 8px 12px;
-      background: #1a1a0a;
-      border: 1px solid #333;
-      border-radius: 6px;
-      font-size: 12px;
-    }
-
-    .message-tool-name {
-      color: #f0ad4e;
-      font-weight: 600;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-    }
-
-    .message-tool-result {
-      margin-top: 6px;
-      padding: 8px;
-      background: #0a0a0a;
-      border-radius: 4px;
-      font-size: 11px;
-      color: #999;
-      max-height: 100px;
-      overflow-y: auto;
-    }
-
-    .message-empty {
-      text-align: center;
-      padding: 40px 20px;
-      color: #666;
-      font-size: 13px;
-    }
-
     #session-list {
       display: flex;
       flex-direction: column;
@@ -559,58 +395,6 @@
       display: block;
     }
 
-    #copy-popup {
-      display: none;
-      position: fixed;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      background: #1a1a1a;
-      border: 1px solid #444;
-      border-radius: 8px;
-      padding: 16px;
-      z-index: 10000;
-      max-width: 80vw;
-      max-height: 60vh;
-    }
-    #copy-popup.show {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-    }
-    #copy-popup textarea {
-      width: 500px;
-      max-width: 70vw;
-      height: 120px;
-      background: #0a0a0a;
-      color: #ccc;
-      border: 1px solid #333;
-      border-radius: 4px;
-      padding: 8px;
-      font-family: Menlo, Monaco, monospace;
-      font-size: 12px;
-      resize: vertical;
-    }
-    #copy-popup .popup-actions {
-      display: flex;
-      justify-content: flex-end;
-      gap: 8px;
-    }
-    #copy-popup button {
-      padding: 6px 16px;
-      border: none;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 13px;
-    }
-    #copy-popup .btn-copy {
-      background: #2563eb;
-      color: #fff;
-    }
-    #copy-popup .btn-close {
-      background: #333;
-      color: #ccc;
-    }
 
     /* Git Diff 面板 */
     #git-diff-bar {
@@ -894,38 +678,6 @@
         </div>
       </div>
 
-      <!-- 会话详情视图 -->
-      <div id="session-detail-view">
-        <div id="session-history-header">
-          <div id="session-history-title">会话详情</div>
-          <div id="session-history-actions">
-            <button class="history-toggle-btn" id="restore-session" style="background: #1a5a3a; border-color: #2a7a4a;">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <polyline points="1 4 1 10 7 10"></polyline>
-                <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>
-              </svg>
-              <span>恢复会话</span>
-            </button>
-            <button class="history-toggle-btn" id="back-to-list">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <line x1="19" y1="12" x2="5" y2="12"></line>
-                <polyline points="12 19 5 12 12 5"></polyline>
-              </svg>
-              <span>返回列表</span>
-            </button>
-          </div>
-        </div>
-        <div id="session-detail-header">
-          <div id="session-detail-title">会话标题</div>
-          <div id="session-detail-meta">
-            <span id="session-detail-time">时间</span>
-            <span id="session-detail-dir">目录</span>
-          </div>
-        </div>
-        <div id="session-detail-content">
-          <div class="message-empty">加载中...</div>
-        </div>
-      </div>
     </div>
 
     <!-- Git Diff 面板 -->
@@ -982,14 +734,6 @@
   </div>
 
   <div id="copy-toast">已复制</div>
-  <div id="copy-popup">
-    <div style="color:#ccc;font-size:13px;">剪贴板写入需要 HTTPS，请手动复制：</div>
-    <textarea id="copy-popup-text" readonly></textarea>
-    <div class="popup-actions">
-      <button class="btn-copy" onclick="document.getElementById('copy-popup-text').select();document.execCommand('copy');document.getElementById('copy-popup').classList.remove('show');">选中并复制</button>
-      <button class="btn-close" onclick="document.getElementById('copy-popup').classList.remove('show');">关闭</button>
-    </div>
-  </div>
   <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js"></script>
   <script>
     (function() {
@@ -1038,19 +782,15 @@
         try {
           var bytes = Uint8Array.from(atob(b64), function(c) { return c.charCodeAt(0); });
           var text = new TextDecoder().decode(bytes);
-          if (navigator.clipboard && navigator.clipboard.writeText) {
-            navigator.clipboard.writeText(text).then(function() {
-              showCopyToast();
-            }).catch(function() {
-              showCopyPopup(text);
-            });
-          } else {
-            showCopyPopup(text);
-          }
+          copyToClipboard(text);
         } catch (e) {}
         return true;
       });
 
+      // 自动检测反向代理子路径，确保 API/WS 请求带正确前缀
+      var basePath = location.pathname.replace(/\/[^/]*$/, '');
+      if (basePath === '' || basePath === '/') basePath = '';
+
       var modeSelect = document.getElementById('mode-select');
       var terminalEl = document.getElementById('terminal');
       var ws = null;
@@ -1466,7 +1206,7 @@
 
       function connect() {
         var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-        ws = new WebSocket(proto + '//' + location.host + '/ws');
+        ws = new WebSocket(proto + '//' + location.host + basePath + '/ws');
 
         ws.onopen = function() {
           isBufferReplay = true;
@@ -1612,7 +1352,7 @@
         var sessionList = document.getElementById('session-list');
         sessionList.innerHTML = '<div class="session-loading">加载历史会话...</div>';
 
-        fetch('/api/sessions')
+        fetch(basePath + '/api/sessions')
           .then(function(response) { return response.json(); })
           .then(function(data) {
             sessions = data;
@@ -1695,7 +1435,7 @@
         itemEl.style.opacity = '0.4';
         itemEl.style.pointerEvents = 'none';
 
-        fetch('/api/session/' + sessionId, { method: 'DELETE' })
+        fetch(basePath + '/api/session/' + sessionId, { method: 'DELETE' })
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (data.ok) {
@@ -1722,110 +1462,35 @@
           });
       }
 
-      function showSessionDetail() {
-        document.getElementById('session-list-view').classList.add('hidden');
-        document.getElementById('session-detail-view').classList.add('visible');
-      }
 
-      function showSessionList() {
-        document.getElementById('session-list-view').classList.remove('hidden');
-        document.getElementById('session-detail-view').classList.remove('visible');
-      }
 
       function loadSession(session) {
-        console.log('[session] 加载会话:', session.title);
-
-        // 保存当前会话数据
+        console.log('[restore] 直接恢复会话:', session.title);
         currentSessionData = session;
 
-        // 切换到详情视图
-        showSessionDetail();
-
-        // 更新详情页标题和元信息
-        document.getElementById('session-detail-title').textContent = session.preview || session.title;
-        document.getElementById('session-detail-time').textContent = formatTime(session.time_updated);
-        document.getElementById('session-detail-dir').textContent = session.directory.replace(/^\/Users\/[^\/]+/, '~');
-
-        var contentDiv = document.getElementById('session-detail-content');
-        contentDiv.innerHTML = '<div class="message-empty">加载消息中...</div>';
-
-        // 获取会话的所有消息
-        fetch('/api/session/' + session.id)
-          .then(function(response) { return response.json(); })
-          .then(function(messages) {
-            console.log('[session] 收到', messages.length, '条消息');
-
-            if (messages.length === 0) {
-              contentDiv.innerHTML = '<div class="message-empty">该会话暂无消息</div>';
-              return;
-            }
-
-            // 渲染消息列表
-            var html = '';
-            messages.forEach(function(msg) {
-              console.log('[render] 消息:', msg);
-
-              var roleClass = msg.role === 'assistant' ? 'message-assistant' : 'message-user';
-              var avatar = msg.role === 'user' ? '👤' : '🤖';
-              var roleName = msg.role === 'user' ? 'User' : 'Assistant';
-
-              html += '<div class="message-item ' + roleClass + '">';
-              html += '<div class="message-avatar">' + avatar + '</div>';
-              html += '<div class="message-content">';
-              html += '<div class="message-header">';
-              html += '<div class="message-role">' + roleName + '</div>';
-              html += '</div>';
-
-              // 显示推理过程（仅 assistant）
-              if (msg.reasoning) {
-                html += '<div class="message-text" style="background: #1a1a0a; border-color: #333;">';
-                html += '<div style="color: #f0ad4e; font-size: 11px; font-weight: 600; margin-bottom: 6px;">💭 思考过程</div>';
-                html += '<div style="color: #bbb;">' + escapeHtml(msg.reasoning) + '</div>';
-                html += '</div>';
-              }
-
-              // 显示文本内容
-              if (msg.text) {
-                html += '<div class="message-text">' + escapeHtml(msg.text) + '</div>';
-              } else if (!msg.reasoning && !msg.toolCalls && !msg.toolResults) {
-                html += '<div class="message-text" style="color: #666; font-style: italic;">(无文本内容)</div>';
-              }
-
-              // 显示工具调用
-              if (msg.toolCalls && msg.toolCalls.length > 0) {
-                msg.toolCalls.forEach(function(tool) {
-                  html += '<div class="message-tool-call">';
-                  html += '<div class="message-tool-name">🔧 工具调用: ' + escapeHtml(tool.name || '未知工具') + '</div>';
-                  html += '</div>';
-                });
-              }
-
-              // 显示工具结果
-              if (msg.toolResults && msg.toolResults.length > 0) {
-                msg.toolResults.forEach(function(result) {
-                  if (result.text) {
-                    var resultText = result.text.length > 200 ? result.text.substring(0, 200) + '...' : result.text;
-                    html += '<div class="message-tool-call">';
-                    html += '<div class="message-tool-name">📝 工具结果</div>';
-                    html += '<div class="message-tool-result">' + escapeHtml(resultText) + '</div>';
-                    html += '</div>';
-                  }
-                });
-              }
+        // 关闭历史栏
+        toggleHistoryBar();
 
-              html += '</div>';
-              html += '</div>';
-            });
+        // 清空终端
+        term.clear();
 
-            contentDiv.innerHTML = html;
+        // 显示正在恢复的提示
+        term.write('\x1b[1;36m╔══════════════════════════════════════════════════════════════╗\x1b[0m\r\n');
+        term.write('\x1b[1;36m║  \x1b[1;37m正在恢复会话...                                        \x1b[1;36m║\x1b[0m\r\n');
+        term.write('\x1b[1;36m╚══════════════════════════════════════════════════════════════╝\x1b[0m\r\n');
+        term.write('\r\n');
 
-            // 滚动到底部
-            contentDiv.scrollTop = contentDiv.scrollHeight;
-          })
-          .catch(function(err) {
-            console.error('[session] 加载消息失败:', err);
-            contentDiv.innerHTML = '<div class="message-empty">加载失败: ' + escapeHtml(err.message) + '</div>';
-          });
+        if (ws && ws.readyState === 1) {
+          if (currentMode !== 'opencode') {
+            term.write('\x1b[31m错误: 请先切换到 OpenCode 模式\x1b[0m\r\n');
+            return;
+          }
+          term.write('\x1b[33m正在重启 OpenCode 并恢复会话: ' + session.id + '\x1b[0m\r\n');
+          term.write('\r\n');
+          ws.send(JSON.stringify({ type: 'restore', sessionId: session.id }));
+        } else {
+          term.write('\x1b[31m错误: WebSocket 未连接\x1b[0m\r\n');
+        }
       }
 
       function escapeHtml(text) {
@@ -1878,53 +1543,6 @@
         toggleHistoryBar();
       });
 
-      // 返回到会话列表
-      document.getElementById('back-to-list').addEventListener('click', function(e) {
-        e.stopPropagation();
-        showSessionList();
-      });
-
-      // 恢复会话
-      document.getElementById('restore-session').addEventListener('click', function(e) {
-        e.stopPropagation();
-        if (!currentSessionData) {
-          console.error('[restore] 没有当前会话数据');
-          return;
-        }
-
-        console.log('[restore] 恢复会话:', currentSessionData.id);
-
-        // 关闭历史栏
-        toggleHistoryBar();
-
-        // 清空终端
-        term.clear();
-
-        // 显示正在恢复的提示
-        term.write('\x1b[1;36m╔══════════════════════════════════════════════════════════════╗\x1b[0m\r\n');
-        term.write('\x1b[1;36m║  \x1b[1;37m正在恢复会话...                                        \x1b[1;36m║\x1b[0m\r\n');
-        term.write('\x1b[1;36m╚══════════════════════════════════════════════════════════════╝\x1b[0m\r\n');
-        term.write('\r\n');
-
-        // 发送恢复会话的请求到服务端
-        if (ws && ws.readyState === 1) {
-          if (currentMode !== 'opencode') {
-            term.write('\x1b[31m错误: 请先切换到 OpenCode 模式\x1b[0m\r\n');
-            return;
-          }
-
-          term.write('\x1b[33m正在重启 OpenCode 并恢复会话: ' + currentSessionData.id + '\x1b[0m\r\n');
-          term.write('\r\n');
-
-          // 发送恢复请求
-          ws.send(JSON.stringify({
-            type: 'restore',
-            sessionId: currentSessionData.id
-          }));
-        } else {
-          term.write('\x1b[31m错误: WebSocket 未连接\x1b[0m\r\n');
-        }
-      });
 
       // 提取终端缓冲区文本
       function getTerminalText() {
@@ -1963,15 +1581,6 @@
         showCopyToast();
       }
 
-      function showCopyPopup(text) {
-        var popup = document.getElementById('copy-popup');
-        var ta = document.getElementById('copy-popup-text');
-        ta.value = text;
-        popup.classList.add('show');
-        ta.focus();
-        ta.select();
-      }
-
       function showCopyToast() {
         var toast = document.getElementById('copy-toast');
         toast.classList.add('show');
@@ -2050,7 +1659,7 @@
         fileList.innerHTML = '<div class="git-diff-loading">加载中...</div>';
         document.getElementById('git-diff-count').textContent = '0';
 
-        fetch('/api/git-status')
+        fetch(basePath + '/api/git-status')
           .then(function(r) { return r.json(); })
           .then(function(data) {
             diffChanges = data.changes || [];
@@ -2098,7 +1707,7 @@
         var area = document.getElementById('git-diff-content-area');
         area.innerHTML = '<div class="git-diff-loading">加载 diff...</div>';
 
-        fetch('/api/git-diff?files=' + encodeURIComponent(file))
+        fetch(basePath + '/api/git-diff?files=' + encodeURIComponent(file))
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (!data.diffs || !data.diffs[0]) {

package/index.html

@@ -87,170 +87,6 @@
       -webkit-overflow-scrolling: touch;
     }
 
-    #session-detail-view {
-      display: none;
-      flex-direction: column;
-      flex: 1;
-      min-height: 0;
-    }
-
-    #session-detail-view.visible {
-      display: flex;
-    }
-
-    #session-detail-header {
-      padding: 12px 16px;
-      background: #0d0d0d;
-      border-bottom: 1px solid #222;
-      flex-shrink: 0;
-    }
-
-    #session-detail-title {
-      font-size: 14px;
-      color: #ddd;
-      font-weight: 500;
-      margin-bottom: 4px;
-    }
-
-    #session-detail-meta {
-      font-size: 11px;
-      color: #888;
-      display: flex;
-      gap: 12px;
-    }
-
-    #session-detail-content {
-      flex: 1;
-      overflow-y: auto;
-      padding: 16px;
-      -webkit-overflow-scrolling: touch;
-    }
-
-    .message-item {
-      margin-bottom: 20px;
-      display: flex;
-      gap: 12px;
-      align-items: flex-start;
-    }
-
-    /* User 消息：左对齐 */
-    .message-user {
-      justify-content: flex-start;
-    }
-
-    /* Assistant 消息：右对齐 */
-    .message-assistant {
-      justify-content: flex-end;
-      flex-direction: row-reverse;
-    }
-
-    .message-avatar {
-      flex-shrink: 0;
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-      background: #2a4a7c;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 14px;
-    }
-
-    .message-assistant .message-avatar {
-      background: #1a5a3a;
-    }
-
-    .message-content {
-      flex: 1;
-      min-width: 0;
-      max-width: 80%;
-    }
-
-    .message-header {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      margin-bottom: 6px;
-    }
-
-    /* User 的标题左对齐 */
-    .message-user .message-header {
-      justify-content: flex-start;
-    }
-
-    /* Assistant 的标题右对齐 */
-    .message-assistant .message-header {
-      justify-content: flex-end;
-      flex-direction: row-reverse;
-    }
-
-    .message-role {
-      font-size: 11px;
-      color: #888;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    }
-
-    .message-text {
-      color: #ddd;
-      font-size: 13px;
-      line-height: 1.6;
-      white-space: pre-wrap;
-      word-break: break-word;
-      background: #141414;
-      padding: 12px;
-      border-radius: 8px;
-      border: 1px solid #222;
-    }
-
-    /* User 消息气泡 */
-    .message-user .message-text {
-      background: #1a2332;
-      border-color: #2a4a7c;
-    }
-
-    /* Assistant 消息气泡 */
-    .message-assistant .message-text {
-      background: #1a2e1a;
-      border-color: #2a5a3a;
-    }
-
-    .message-tool-call {
-      margin-top: 8px;
-      padding: 8px 12px;
-      background: #1a1a0a;
-      border: 1px solid #333;
-      border-radius: 6px;
-      font-size: 12px;
-    }
-
-    .message-tool-name {
-      color: #f0ad4e;
-      font-weight: 600;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-    }
-
-    .message-tool-result {
-      margin-top: 6px;
-      padding: 8px;
-      background: #0a0a0a;
-      border-radius: 4px;
-      font-size: 11px;
-      color: #999;
-      max-height: 100px;
-      overflow-y: auto;
-    }
-
-    .message-empty {
-      text-align: center;
-      padding: 40px 20px;
-      color: #666;
-      font-size: 13px;
-    }
-
     #session-list {
       display: flex;
       flex-direction: column;
@@ -884,38 +720,6 @@
         </div>
       </div>
 
-      <!-- 会话详情视图 -->
-      <div id="session-detail-view">
-        <div id="session-history-header">
-          <div id="session-history-title">会话详情</div>
-          <div id="session-history-actions">
-            <button class="history-toggle-btn" id="restore-session" style="background: #1a5a3a; border-color: #2a7a4a;">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <polyline points="1 4 1 10 7 10"></polyline>
-                <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>
-              </svg>
-              <span>恢复会话</span>
-            </button>
-            <button class="history-toggle-btn" id="back-to-list">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <line x1="19" y1="12" x2="5" y2="12"></line>
-                <polyline points="12 19 5 12 12 5"></polyline>
-              </svg>
-              <span>返回列表</span>
-            </button>
-          </div>
-        </div>
-        <div id="session-detail-header">
-          <div id="session-detail-title">会话标题</div>
-          <div id="session-detail-meta">
-            <span id="session-detail-time">时间</span>
-            <span id="session-detail-dir">目录</span>
-          </div>
-        </div>
-        <div id="session-detail-content">
-          <div class="message-empty">加载中...</div>
-        </div>
-      </div>
     </div>
 
     <!-- Git Diff 面板 -->
@@ -1046,6 +850,10 @@
         return true;
       });
 
+      // 自动检测反向代理子路径，确保 API/WS 请求带正确前缀
+      var basePath = location.pathname.replace(/\/[^/]*$/, '');
+      if (basePath === '' || basePath === '/') basePath = '';
+
       var modeSelect = document.getElementById('mode-select');
       var terminalEl = document.getElementById('terminal');
       var ws = null;
@@ -1523,7 +1331,7 @@
 
       function connect() {
         var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-        ws = new WebSocket(proto + '//' + location.host + '/ws');
+        ws = new WebSocket(proto + '//' + location.host + basePath + '/ws');
 
         ws.onopen = function() {
           resize();
@@ -1774,7 +1582,7 @@
         var sessionList = document.getElementById('session-list');
         sessionList.innerHTML = '<div class="session-loading">加载历史会话...</div>';
 
-        fetch('/api/sessions')
+        fetch(basePath + '/api/sessions')
           .then(function(response) { return response.json(); })
           .then(function(data) {
             sessions = data;
@@ -1857,7 +1665,7 @@
         itemEl.style.opacity = '0.4';
         itemEl.style.pointerEvents = 'none';
 
-        fetch('/api/session/' + sessionId, { method: 'DELETE' })
+        fetch(basePath + '/api/session/' + sessionId, { method: 'DELETE' })
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (data.ok) {
@@ -1884,110 +1692,35 @@
           });
       }
 
-      function showSessionDetail() {
-        document.getElementById('session-list-view').classList.add('hidden');
-        document.getElementById('session-detail-view').classList.add('visible');
-      }
 
-      function showSessionList() {
-        document.getElementById('session-list-view').classList.remove('hidden');
-        document.getElementById('session-detail-view').classList.remove('visible');
-      }
 
       function loadSession(session) {
-        console.log('[session] 加载会话:', session.title);
-
-        // 保存当前会话数据
+        console.log('[restore] 直接恢复会话:', session.title);
         currentSessionData = session;
 
-        // 切换到详情视图
-        showSessionDetail();
-
-        // 更新详情页标题和元信息
-        document.getElementById('session-detail-title').textContent = session.preview || session.title;
-        document.getElementById('session-detail-time').textContent = formatTime(session.time_updated);
-        document.getElementById('session-detail-dir').textContent = session.directory.replace(/^\/Users\/[^\/]+/, '~');
-
-        var contentDiv = document.getElementById('session-detail-content');
-        contentDiv.innerHTML = '<div class="message-empty">加载消息中...</div>';
-
-        // 获取会话的所有消息
-        fetch('/api/session/' + session.id)
-          .then(function(response) { return response.json(); })
-          .then(function(messages) {
-            console.log('[session] 收到', messages.length, '条消息');
-
-            if (messages.length === 0) {
-              contentDiv.innerHTML = '<div class="message-empty">该会话暂无消息</div>';
-              return;
-            }
-
-            // 渲染消息列表
-            var html = '';
-            messages.forEach(function(msg) {
-              console.log('[render] 消息:', msg);
-
-              var roleClass = msg.role === 'assistant' ? 'message-assistant' : 'message-user';
-              var avatar = msg.role === 'user' ? '👤' : '🤖';
-              var roleName = msg.role === 'user' ? 'User' : 'Assistant';
-
-              html += '<div class="message-item ' + roleClass + '">';
-              html += '<div class="message-avatar">' + avatar + '</div>';
-              html += '<div class="message-content">';
-              html += '<div class="message-header">';
-              html += '<div class="message-role">' + roleName + '</div>';
-              html += '</div>';
-
-              // 显示推理过程（仅 assistant）
-              if (msg.reasoning) {
-                html += '<div class="message-text" style="background: #1a1a0a; border-color: #333;">';
-                html += '<div style="color: #f0ad4e; font-size: 11px; font-weight: 600; margin-bottom: 6px;">💭 思考过程</div>';
-                html += '<div style="color: #bbb;">' + escapeHtml(msg.reasoning) + '</div>';
-                html += '</div>';
-              }
-
-              // 显示文本内容
-              if (msg.text) {
-                html += '<div class="message-text">' + escapeHtml(msg.text) + '</div>';
-              } else if (!msg.reasoning && !msg.toolCalls && !msg.toolResults) {
-                html += '<div class="message-text" style="color: #666; font-style: italic;">(无文本内容)</div>';
-              }
-
-              // 显示工具调用
-              if (msg.toolCalls && msg.toolCalls.length > 0) {
-                msg.toolCalls.forEach(function(tool) {
-                  html += '<div class="message-tool-call">';
-                  html += '<div class="message-tool-name">🔧 工具调用: ' + escapeHtml(tool.name || '未知工具') + '</div>';
-                  html += '</div>';
-                });
-              }
-
-              // 显示工具结果
-              if (msg.toolResults && msg.toolResults.length > 0) {
-                msg.toolResults.forEach(function(result) {
-                  if (result.text) {
-                    var resultText = result.text.length > 200 ? result.text.substring(0, 200) + '...' : result.text;
-                    html += '<div class="message-tool-call">';
-                    html += '<div class="message-tool-name">📝 工具结果</div>';
-                    html += '<div class="message-tool-result">' + escapeHtml(resultText) + '</div>';
-                    html += '</div>';
-                  }
-                });
-              }
+        // 关闭历史栏
+        toggleHistoryBar();
 
-              html += '</div>';
-              html += '</div>';
-            });
+        // 清空终端
+        term.clear();
 
-            contentDiv.innerHTML = html;
+        // 显示正在恢复的提示
+        term.write('\x1b[1;36m╔══════════════════════════════════════════════════════════════╗\x1b[0m\r\n');
+        term.write('\x1b[1;36m║  \x1b[1;37m正在恢复会话...                                        \x1b[1;36m║\x1b[0m\r\n');
+        term.write('\x1b[1;36m╚══════════════════════════════════════════════════════════════╝\x1b[0m\r\n');
+        term.write('\r\n');
 
-            // 滚动到底部
-            contentDiv.scrollTop = contentDiv.scrollHeight;
-          })
-          .catch(function(err) {
-            console.error('[session] 加载消息失败:', err);
-            contentDiv.innerHTML = '<div class="message-empty">加载失败: ' + escapeHtml(err.message) + '</div>';
-          });
+        if (ws && ws.readyState === 1) {
+          if (currentMode !== 'opencode') {
+            term.write('\x1b[31m错误: 请先切换到 OpenCode 模式\x1b[0m\r\n');
+            return;
+          }
+          term.write('\x1b[33m正在重启 OpenCode 并恢复会话: ' + session.id + '\x1b[0m\r\n');
+          term.write('\r\n');
+          ws.send(JSON.stringify({ type: 'restore', sessionId: session.id }));
+        } else {
+          term.write('\x1b[31m错误: WebSocket 未连接\x1b[0m\r\n');
+        }
       }
 
       function escapeHtml(text) {
@@ -2040,53 +1773,6 @@
         toggleHistoryBar();
       });
 
-      // 返回到会话列表
-      document.getElementById('back-to-list').addEventListener('click', function(e) {
-        e.stopPropagation();
-        showSessionList();
-      });
-
-      // 恢复会话
-      document.getElementById('restore-session').addEventListener('click', function(e) {
-        e.stopPropagation();
-        if (!currentSessionData) {
-          console.error('[restore] 没有当前会话数据');
-          return;
-        }
-
-        console.log('[restore] 恢复会话:', currentSessionData.id);
-
-        // 关闭历史栏
-        toggleHistoryBar();
-
-        // 清空终端
-        term.clear();
-
-        // 显示正在恢复的提示
-        term.write('\x1b[1;36m╔══════════════════════════════════════════════════════════════╗\x1b[0m\r\n');
-        term.write('\x1b[1;36m║  \x1b[1;37m正在恢复会话...                                        \x1b[1;36m║\x1b[0m\r\n');
-        term.write('\x1b[1;36m╚══════════════════════════════════════════════════════════════╝\x1b[0m\r\n');
-        term.write('\r\n');
-
-        // 发送恢复会话的请求到服务端
-        if (ws && ws.readyState === 1) {
-          if (currentMode !== 'opencode') {
-            term.write('\x1b[31m错误: 请先切换到 OpenCode 模式\x1b[0m\r\n');
-            return;
-          }
-
-          term.write('\x1b[33m正在重启 OpenCode 并恢复会话: ' + currentSessionData.id + '\x1b[0m\r\n');
-          term.write('\r\n');
-
-          // 发送恢复请求
-          ws.send(JSON.stringify({
-            type: 'restore',
-            sessionId: currentSessionData.id
-          }));
-        } else {
-          term.write('\x1b[31m错误: WebSocket 未连接\x1b[0m\r\n');
-        }
-      });
 
       // 提取终端缓冲区文本
       function getTerminalText() {
@@ -2203,7 +1889,7 @@
         fileList.innerHTML = '<div class="git-diff-loading">加载中...</div>';
         document.getElementById('git-diff-count').textContent = '0';
 
-        fetch('/api/git-status')
+        fetch(basePath + '/api/git-status')
           .then(function(r) { return r.json(); })
           .then(function(data) {
             diffChanges = data.changes || [];
@@ -2251,7 +1937,7 @@
         var area = document.getElementById('git-diff-content-area');
         area.innerHTML = '<div class="git-diff-loading">加载 diff...</div>';
 
-        fetch('/api/git-diff?files=' + encodeURIComponent(file))
+        fetch(basePath + '/api/git-diff?files=' + encodeURIComponent(file))
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (!data.diffs || !data.diffs[0]) {

package/package.json

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

package/server.js

@@ -30,7 +30,7 @@ async function getOrCreateCert() {
     return { key: readFileSync(keyPath), cert: readFileSync(certPath) };
   }
 
-  console.log('🔐 首次使用 HTTPS，生成自签名证书...');
+  if (!JSON_OUTPUT) console.log('🔐 首次使用 HTTPS，生成自签名证书...');
   mkdirSync(certDir, { recursive: true });
 
   const { default: selfsigned } = await import('selfsigned');
@@ -48,7 +48,7 @@ async function getOrCreateCert() {
 
   writeFileSync(keyPath, pems.private);
   writeFileSync(certPath, pems.cert);
-  console.log(`📁 证书已保存到 ${certDir}`);
+  if (!JSON_OUTPUT) console.log(`📁 证书已保存到 ${certDir}`);
   return { key: pems.private, cert: pems.cert };
 }