claude-opencode-viewer 2.6.25 → 2.6.27

package/.claude/settings.local.json

@@ -11,7 +11,8 @@
       "Bash(git add:*)",
       "Bash(git commit -m ':*)",
       "Bash(git push:*)",
-      "Bash(npm publish:*)"
+      "Bash(npm publish:*)",
+      "Bash(git commit:*)"
     ]
   }
 }

package/index-pc.html

@@ -544,6 +544,96 @@
       text-align: center;
     }
 
+    /* 文档面板 */
+    #docs-bar {
+      display: none;
+      position: absolute;
+      top: 0; left: 0; right: 0; bottom: 0;
+      background: #0a0a0a;
+      z-index: 1000;
+      flex-direction: column;
+    }
+    #docs-bar.visible { display: flex; }
+    #docs-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 16px;
+      background: #111;
+      border-bottom: 1px solid #222;
+      flex-shrink: 0;
+    }
+    #docs-title {
+      font-size: 14px;
+      color: #ddd;
+      font-weight: 600;
+    }
+    .docs-file-list {
+      height: 250px;
+      flex-shrink: 0;
+      overflow-y: auto;
+      border-bottom: 1px solid #2a2a2a;
+    }
+    .docs-file-item {
+      display: flex;
+      align-items: center;
+      padding: 8px 12px;
+      cursor: pointer;
+      color: #ccc;
+      font-size: 13px;
+      gap: 8px;
+    }
+    .docs-file-item:hover { background: #1a1a1a; }
+    .docs-file-item.active {
+      background: rgba(197, 134, 192, 0.12);
+      color: #fff;
+    }
+    .docs-file-name {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1;
+      font-family: Menlo, Monaco, monospace;
+      font-size: 12px;
+    }
+    .docs-file-time {
+      color: #666;
+      font-size: 11px;
+      flex-shrink: 0;
+    }
+    .docs-content-area {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+      overflow: auto;
+      padding: 16px;
+    }
+    .docs-content-area pre {
+      margin: 0;
+      white-space: pre-wrap;
+      word-break: break-word;
+      font-family: Menlo, Monaco, monospace;
+      font-size: 13px;
+      line-height: 1.6;
+      color: #d4d4d4;
+    }
+    .docs-placeholder {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      color: #333;
+      font-size: 13px;
+    }
+    .docs-loading {
+      text-align: center;
+      padding: 16px;
+      color: #888;
+      font-size: 12px;
+    }
+
     /* Unified diff 行 */
     .diff-table {
       width: 100%;
@@ -638,6 +728,15 @@
           </svg>
           <span>Diff</span>
         </button>
+        <button class="history-toggle-btn" id="docs-toggle" style="color:#c586c0; border-color:#4a2a5a;">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+            <polyline points="14 2 14 8 20 8"></polyline>
+            <line x1="16" y1="13" x2="8" y2="13"></line>
+            <line x1="16" y1="17" x2="8" y2="17"></line>
+          </svg>
+          <span>文档</span>
+        </button>
       </div>
       <div id="mode-switcher">
         <span id="mode-label"></span>
@@ -720,6 +819,43 @@
       </div>
     </div>
 
+    <!-- 文档栏 -->
+    <div id="docs-bar">
+      <div id="docs-header">
+        <div style="display: flex; align-items: center; gap: 8px;">
+          <span id="docs-title">文档</span>
+          <span class="diff-file-count" id="docs-count">0</span>
+        </div>
+        <div style="display: flex; gap: 8px;">
+          <button class="history-toggle-btn" id="refresh-docs" style="padding: 4px 8px;">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px;">
+              <polyline points="23 4 23 10 17 10"></polyline>
+              <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path>
+            </svg>
+            <span>刷新</span>
+          </button>
+          <button class="history-toggle-btn" id="close-docs" style="padding: 4px 8px;">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px;">
+              <polyline points="15 18 9 12 15 6"></polyline>
+            </svg>
+            <span>返回</span>
+          </button>
+        </div>
+      </div>
+      <div class="docs-file-list" id="docs-file-list">
+        <div class="docs-loading">加载中...</div>
+      </div>
+      <div class="docs-content-area" id="docs-content-area">
+        <div class="docs-placeholder">
+          <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="1.5">
+            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+            <polyline points="14 2 14 8 20 8"></polyline>
+          </svg>
+          <span>点击文件查看内容</span>
+        </div>
+      </div>
+    </div>
+
     <div id="content">
       <div id="terminal-container">
         <div id="terminal">
@@ -1239,8 +1375,8 @@
             }
             else if (msg.type === 'exit') {
               if (!isCreatingNewSession && !isTransitioning) {
-                throttledWrite('\r\n\x1b[33m[进程已退出: ' + msg.exitCode + ']\x1b[0m\r\n');
-                throttledWrite('\x1b[90m按 Enter 键重新启动 ' + currentMode + '...\x1b[0m\r\n');
+                throttledWrite('\r\n[进程已退出: ' + msg.exitCode + ']\r\n');
+                throttledWrite('按 Enter 键重新启动 ' + currentMode + '...\r\n');
               }
             }
             else if (msg.type === 'mode') {
@@ -1261,25 +1397,23 @@
               }
             }
             else if (msg.type === 'restored') {
-              // 会话恢复成功
-              term.write('\x1b[32m✓ 会话已恢复: ' + msg.sessionId + '\x1b[0m\r\n');
-              term.write('\x1b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\x1b[0m\r\n');
-              term.write('\r\n');
+              // 会话恢复成功，重置终端清除残留ANSI状态
+              term.reset();
             }
             else if (msg.type === 'restore-error') {
               // 恢复失败
-              term.write('\x1b[31m✗ 恢复失败: ' + msg.error + '\x1b[0m\r\n');
+              term.write('恢复失败: ' + msg.error + '\r\n');
             }
             else if (msg.type === 'started') {
               rebindTouchScroll();
             }
             else if (msg.type === 'new-session-ok') {
               isCreatingNewSession = false;
-              term.clear();
+              term.reset();
             }
             else if (msg.type === 'new-session-error') {
               isCreatingNewSession = false;
-              term.write('\x1b[31m✗ 新会话启动失败: ' + msg.error + '\x1b[0m\r\n');
+              term.write('新会话启动失败: ' + msg.error + '\r\n');
             }
           } catch(err) {}
         };
@@ -1480,25 +1614,17 @@
         // 关闭历史栏
         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');
+        // 重置终端（清除残留ANSI解析状态）
+        term.reset();
 
         if (ws && ws.readyState === 1) {
           if (currentMode !== 'opencode') {
-            term.write('\x1b[31m错误: 请先切换到 OpenCode 模式\x1b[0m\r\n');
+            term.write('错误: 请先切换到 OpenCode 模式\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');
+          term.write('错误: WebSocket 未连接\r\n');
         }
       }
 
@@ -1818,6 +1944,92 @@
           '</svg><span>点击文件查看 diff</span></div>';
       });
 
+      // === 文档面板 ===
+      var docsBarVisible = false;
+      var docsSelectedFile = null;
+
+      function toggleDocsBar() {
+        docsBarVisible = !docsBarVisible;
+        var bar = document.getElementById('docs-bar');
+        if (docsBarVisible) {
+          bar.classList.add('visible');
+          loadDocs();
+        } else {
+          bar.classList.remove('visible');
+          docsSelectedFile = null;
+        }
+      }
+
+      function loadDocs() {
+        var fileList = document.getElementById('docs-file-list');
+        fileList.innerHTML = '<div class="docs-loading">加载中...</div>';
+        document.getElementById('docs-count').textContent = '0';
+
+        fetch(basePath + '/api/docs')
+          .then(function(r) { return r.json(); })
+          .then(function(data) {
+            var docs = data.docs || [];
+            document.getElementById('docs-count').textContent = docs.length;
+            if (!docs.length) {
+              fileList.innerHTML = '<div class="docs-loading" style="color:#666;">无文档</div>';
+              return;
+            }
+            var html = '';
+            docs.forEach(function(doc) {
+              var activeClass = docsSelectedFile === doc.name ? ' active' : '';
+              var time = new Date(doc.mtime).toLocaleString('zh-CN', { month:'2-digit', day:'2-digit', hour:'2-digit', minute:'2-digit' });
+              html += '<div class="docs-file-item' + activeClass + '" data-file="' + escapeHtml(doc.name) + '">';
+              html += '<span class="docs-file-name">' + escapeHtml(doc.name) + '</span>';
+              html += '<span class="docs-file-time">' + time + '</span>';
+              html += '</div>';
+            });
+            fileList.innerHTML = html;
+            fileList.querySelectorAll('.docs-file-item').forEach(function(item) {
+              item.addEventListener('click', function() {
+                var file = this.getAttribute('data-file');
+                docsSelectedFile = file;
+                fileList.querySelectorAll('.docs-file-item').forEach(function(el) { el.classList.remove('active'); });
+                this.classList.add('active');
+                loadDocContent(file);
+              });
+            });
+          })
+          .catch(function() {
+            fileList.innerHTML = '<div class="docs-loading" style="color:#ff6b6b;">加载失败</div>';
+          });
+      }
+
+      function loadDocContent(file) {
+        var area = document.getElementById('docs-content-area');
+        area.innerHTML = '<div class="docs-loading">加载中...</div>';
+        fetch(basePath + '/api/doc-content?file=' + encodeURIComponent(file))
+          .then(function(r) { return r.json(); })
+          .then(function(data) {
+            if (data.error) {
+              area.innerHTML = '<div class="docs-loading" style="color:#ff6b6b;">' + escapeHtml(data.error) + '</div>';
+              return;
+            }
+            area.innerHTML = '<pre>' + escapeHtml(data.content) + '</pre>';
+          })
+          .catch(function(err) {
+            area.innerHTML = '<div class="docs-loading" style="color:#ff6b6b;">加载失败</div>';
+          });
+      }
+
+      document.getElementById('docs-toggle').addEventListener('click', toggleDocsBar);
+      document.getElementById('close-docs').addEventListener('click', toggleDocsBar);
+      document.getElementById('refresh-docs').addEventListener('click', function(e) {
+        e.stopPropagation();
+        loadDocs();
+        docsSelectedFile = null;
+        document.getElementById('docs-content-area').innerHTML =
+          '<div class="docs-placeholder">' +
+          '<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="1.5">' +
+          '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>' +
+          '<polyline points="14 2 14 8 20 8"></polyline></svg>' +
+          '<span>点击文件查看内容</span></div>';
+      });
+
       connect();
       setTimeout(resize, 100);
     })();

package/index.html

@@ -612,6 +612,97 @@
       text-align: center;
     }
 
+    /* 文档面板 */
+    #docs-bar {
+      display: none;
+      position: absolute;
+      top: 0; left: 0; right: 0; bottom: 0;
+      background: #0a0a0a;
+      z-index: 1000;
+      flex-direction: column;
+    }
+    #docs-bar.visible { display: flex; }
+    #docs-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 16px;
+      background: #111;
+      border-bottom: 1px solid #222;
+      flex-shrink: 0;
+    }
+    #docs-title {
+      font-size: 14px;
+      color: #ddd;
+      font-weight: 600;
+    }
+    .docs-file-list {
+      height: 250px;
+      flex-shrink: 0;
+      overflow-y: auto;
+      border-bottom: 1px solid #2a2a2a;
+    }
+    .docs-file-item {
+      display: flex;
+      align-items: center;
+      padding: 8px 12px;
+      cursor: pointer;
+      color: #ccc;
+      font-size: 13px;
+      gap: 8px;
+    }
+    .docs-file-item:hover { background: #1a1a1a; }
+    .docs-file-item.active {
+      background: rgba(197, 134, 192, 0.12);
+      color: #fff;
+    }
+    .docs-file-name {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1;
+      font-family: Menlo, Monaco, monospace;
+      font-size: 12px;
+    }
+    .docs-file-time {
+      color: #666;
+      font-size: 11px;
+      flex-shrink: 0;
+    }
+    .docs-content-area {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+      overflow: auto;
+      padding: 16px;
+      -webkit-overflow-scrolling: touch;
+    }
+    .docs-content-area pre {
+      margin: 0;
+      white-space: pre-wrap;
+      word-break: break-word;
+      font-family: Menlo, Monaco, monospace;
+      font-size: 13px;
+      line-height: 1.6;
+      color: #d4d4d4;
+    }
+    .docs-placeholder {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      color: #333;
+      font-size: 13px;
+    }
+    .docs-loading {
+      text-align: center;
+      padding: 16px;
+      color: #888;
+      font-size: 12px;
+    }
+
     /* Unified diff 行 */
     .diff-table {
       width: 100%;
@@ -706,6 +797,15 @@
           </svg>
           <span>Diff</span>
         </button>
+        <button class="history-toggle-btn" id="docs-toggle" style="color:#c586c0; border-color:#4a2a5a;">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+            <polyline points="14 2 14 8 20 8"></polyline>
+            <line x1="16" y1="13" x2="8" y2="13"></line>
+            <line x1="16" y1="17" x2="8" y2="17"></line>
+          </svg>
+          <span>文档</span>
+        </button>
         <button class="history-toggle-btn" id="msg-toggle" style="color:#c9a0dc; border-color:#5a3a6a;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
@@ -794,6 +894,43 @@
       </div>
     </div>
 
+    <!-- 文档栏 -->
+    <div id="docs-bar">
+      <div id="docs-header">
+        <div style="display: flex; align-items: center; gap: 8px;">
+          <span id="docs-title">文档</span>
+          <span class="diff-file-count" id="docs-count">0</span>
+        </div>
+        <div style="display: flex; gap: 8px;">
+          <button class="history-toggle-btn" id="refresh-docs" style="padding: 4px 8px;">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px;">
+              <polyline points="23 4 23 10 17 10"></polyline>
+              <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path>
+            </svg>
+            <span>刷新</span>
+          </button>
+          <button class="history-toggle-btn" id="close-docs" style="padding: 4px 8px;">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px;">
+              <polyline points="15 18 9 12 15 6"></polyline>
+            </svg>
+            <span>返回</span>
+          </button>
+        </div>
+      </div>
+      <div class="docs-file-list" id="docs-file-list">
+        <div class="docs-loading">加载中...</div>
+      </div>
+      <div class="docs-content-area" id="docs-content-area">
+        <div class="docs-placeholder">
+          <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="1.5">
+            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+            <polyline points="14 2 14 8 20 8"></polyline>
+          </svg>
+          <span>点击文件查看内容</span>
+        </div>
+      </div>
+    </div>
+
     <div id="content">
       <div id="terminal-container">
         <div id="terminal">
@@ -1348,8 +1485,8 @@
             }
             else if (msg.type === 'exit') {
               if (!isCreatingNewSession && !isTransitioning) {
-                throttledWrite('\r\n\x1b[33m[进程已退出: ' + msg.exitCode + ']\x1b[0m\r\n');
-                throttledWrite('\x1b[90m按 Enter 键重新启动 ' + currentMode + '...\x1b[0m\r\n');
+                throttledWrite('\r\n[进程已退出: ' + msg.exitCode + ']\r\n');
+                throttledWrite('按 Enter 键重新启动 ' + currentMode + '...\r\n');
               }
             }
             else if (msg.type === 'mode') {
@@ -1370,25 +1507,23 @@
               }
             }
             else if (msg.type === 'restored') {
-              // 会话恢复成功
-              term.write('\x1b[32m✓ 会话已恢复: ' + msg.sessionId + '\x1b[0m\r\n');
-              term.write('\x1b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\x1b[0m\r\n');
-              term.write('\r\n');
+              // 会话恢复成功，重置终端清除残留ANSI状态
+              term.reset();
             }
             else if (msg.type === 'restore-error') {
               // 恢复失败
-              term.write('\x1b[31m✗ 恢复失败: ' + msg.error + '\x1b[0m\r\n');
+              term.write('恢复失败: ' + msg.error + '\r\n');
             }
             else if (msg.type === 'started') {
               rebindTouchScroll();
             }
             else if (msg.type === 'new-session-ok') {
               isCreatingNewSession = false;
-              term.clear();
+              term.reset();
             }
             else if (msg.type === 'new-session-error') {
               isCreatingNewSession = false;
-              term.write('\x1b[31m✗ 新会话启动失败: ' + msg.error + '\x1b[0m\r\n');
+              term.write('新会话启动失败: ' + msg.error + '\r\n');
             }
           } catch(err) {}
         };
@@ -1706,25 +1841,18 @@
         // 关闭历史栏
         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');
+        // 重置终端（清除残留ANSI解析状态）
+        term.reset();
 
         if (ws && ws.readyState === 1) {
           if (currentMode !== 'opencode') {
-            term.write('\x1b[31m错误: 请先切换到 OpenCode 模式\x1b[0m\r\n');
+            term.write('错误: 请先切换到 OpenCode 模式\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');
+          term.write('错误: WebSocket 未连接\r\n');
         }
       }
 
@@ -2086,6 +2214,92 @@
           '</svg><span>点击文件查看 diff</span></div>';
       });
 
+      // === 文档面板 ===
+      var docsBarVisible = false;
+      var docsSelectedFile = null;
+
+      function toggleDocsBar() {
+        docsBarVisible = !docsBarVisible;
+        var bar = document.getElementById('docs-bar');
+        if (docsBarVisible) {
+          bar.classList.add('visible');
+          loadDocs();
+        } else {
+          bar.classList.remove('visible');
+          docsSelectedFile = null;
+        }
+      }
+
+      function loadDocs() {
+        var fileList = document.getElementById('docs-file-list');
+        fileList.innerHTML = '<div class="docs-loading">加载中...</div>';
+        document.getElementById('docs-count').textContent = '0';
+
+        fetch(basePath + '/api/docs')
+          .then(function(r) { return r.json(); })
+          .then(function(data) {
+            var docs = data.docs || [];
+            document.getElementById('docs-count').textContent = docs.length;
+            if (!docs.length) {
+              fileList.innerHTML = '<div class="docs-loading" style="color:#666;">无文档</div>';
+              return;
+            }
+            var html = '';
+            docs.forEach(function(doc) {
+              var activeClass = docsSelectedFile === doc.name ? ' active' : '';
+              var time = new Date(doc.mtime).toLocaleString('zh-CN', { month:'2-digit', day:'2-digit', hour:'2-digit', minute:'2-digit' });
+              html += '<div class="docs-file-item' + activeClass + '" data-file="' + escapeHtml(doc.name) + '">';
+              html += '<span class="docs-file-name">' + escapeHtml(doc.name) + '</span>';
+              html += '<span class="docs-file-time">' + time + '</span>';
+              html += '</div>';
+            });
+            fileList.innerHTML = html;
+            fileList.querySelectorAll('.docs-file-item').forEach(function(item) {
+              item.addEventListener('click', function() {
+                var file = this.getAttribute('data-file');
+                docsSelectedFile = file;
+                fileList.querySelectorAll('.docs-file-item').forEach(function(el) { el.classList.remove('active'); });
+                this.classList.add('active');
+                loadDocContent(file);
+              });
+            });
+          })
+          .catch(function() {
+            fileList.innerHTML = '<div class="docs-loading" style="color:#ff6b6b;">加载失败</div>';
+          });
+      }
+
+      function loadDocContent(file) {
+        var area = document.getElementById('docs-content-area');
+        area.innerHTML = '<div class="docs-loading">加载中...</div>';
+        fetch(basePath + '/api/doc-content?file=' + encodeURIComponent(file))
+          .then(function(r) { return r.json(); })
+          .then(function(data) {
+            if (data.error) {
+              area.innerHTML = '<div class="docs-loading" style="color:#ff6b6b;">' + escapeHtml(data.error) + '</div>';
+              return;
+            }
+            area.innerHTML = '<pre>' + escapeHtml(data.content) + '</pre>';
+          })
+          .catch(function() {
+            area.innerHTML = '<div class="docs-loading" style="color:#ff6b6b;">加载失败</div>';
+          });
+      }
+
+      document.getElementById('docs-toggle').addEventListener('click', toggleDocsBar);
+      document.getElementById('close-docs').addEventListener('click', toggleDocsBar);
+      document.getElementById('refresh-docs').addEventListener('click', function(e) {
+        e.stopPropagation();
+        loadDocs();
+        docsSelectedFile = null;
+        document.getElementById('docs-content-area').innerHTML =
+          '<div class="docs-placeholder">' +
+          '<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="1.5">' +
+          '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>' +
+          '<polyline points="14 2 14 8 20 8"></polyline></svg>' +
+          '<span>点击文件查看内容</span></div>';
+      });
+
       // 初始化虚拟按键事件
       setupVirtualKeyEvents();
 

package/package.json

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

package/server.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import { createServer } from 'node:http';
 import { createServer as createHttpsServer } from 'node:https';
-import { existsSync, createReadStream, readFileSync, writeFileSync, mkdirSync } from 'node:fs';
+import { existsSync, createReadStream, readFileSync, writeFileSync, mkdirSync, readdirSync } from 'node:fs';
 import { join, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { networkInterfaces, platform, arch, homedir } from 'node:os';
@@ -95,6 +95,7 @@ let lastPtyRows = 30;
 
 let activeWs = null;
 let currentSessionId = null;
+let sessionStartTime = 0; // 新会话启动时间，用于限制查询范围
 let previousSessionId = null; // 用于判断新会话是否已写入 DB
 const clientSizes = new Map();
 const mobileClients = new Set();
@@ -163,23 +164,38 @@ function findCommand(cmd) {
   return cmd;
 }
 
+function getChildPids(pid) {
+  // 递归获取所有子进程 PID
+  try {
+    const out = execSync(`ps --ppid ${pid} -o pid= 2>/dev/null || pgrep -P ${pid} 2>/dev/null`, { encoding: 'utf-8', timeout: 3000 });
+    const children = out.trim().split(/\s+/).filter(Boolean).map(Number);
+    let all = [...children];
+    for (const child of children) {
+      all = all.concat(getChildPids(child));
+    }
+    return all;
+  } catch { return []; }
+}
+
 function killProcessTree(proc) {
   if (!proc || !proc.pid) return;
   const pid = proc.pid;
-  // 1. 尝试杀整个进程组（负 PID）
+  // 1. 收集所有子进程（在杀父进程之前，否则子进程变孤儿就找不到了）
+  const children = getChildPids(pid);
+  // 2. 尝试杀进程组
   try { process.kill(-pid, 'SIGTERM'); } catch {}
-  // 2. 杀 pty 进程本身
+  // 3. 杀 pty 进程本身
   try { proc.kill(); } catch {}
-  // 3. 1秒后检查，如果还活着就 SIGKILL 强杀
+  // 4. SIGTERM 所有子进程
+  for (const cpid of children) {
+    try { process.kill(cpid, 'SIGTERM'); } catch {}
+  }
+  // 5. 1秒后 SIGKILL 兜底
   setTimeout(() => {
-    try {
-      process.kill(-pid, 0); // 检查进程组是否还在
-      process.kill(-pid, 'SIGKILL');
-    } catch {}
-    try {
-      process.kill(pid, 0);
-      process.kill(pid, 'SIGKILL');
-    } catch {}
+    for (const cpid of children) {
+      try { process.kill(cpid, 'SIGKILL'); } catch {}
+    }
+    try { process.kill(pid, 'SIGKILL'); } catch {}
   }, 1000);
 }
 
@@ -284,8 +300,8 @@ async function spawnProcess(mode, sessionId = null) {
       currentSessionId = sessionId;
       LOG(`[session] 当前会话 ID: ${currentSessionId}`);
     } else {
-      // 新建会话：保持 null，前端点击复制时不显示内容
       currentSessionId = null;
+      sessionStartTime = Date.now();
     }
   }
 
@@ -550,7 +566,23 @@ const requestHandler = async (req, res) => {
       'Content-Type': 'application/json',
       'Access-Control-Allow-Origin': '*',
     });
-    res.end(JSON.stringify({ sessionId: currentSessionId }));
+    // 实时从数据库查当前有效的会话
+    let resolvedSessionId = currentSessionId;
+    if (!resolvedSessionId && sessionStartTime && existsSync(OPENCODE_DB_PATH)) {
+      try {
+        const db = new Database(OPENCODE_DB_PATH, { readonly: true });
+        const row = db.prepare(
+          `SELECT s.id FROM session s
+           WHERE s.parent_id IS NULL AND s.time_archived IS NULL
+           AND s.time_created >= ?
+           AND EXISTS (SELECT 1 FROM message m WHERE m.session_id = s.id)
+           ORDER BY s.time_created DESC LIMIT 1`
+        ).get(sessionStartTime);
+        db.close();
+        if (row) resolvedSessionId = row.id;
+      } catch {}
+    }
+    res.end(JSON.stringify({ sessionId: resolvedSessionId }));
     return;
   }
 
@@ -561,8 +593,9 @@ const requestHandler = async (req, res) => {
       'Access-Control-Allow-Origin': '*',
     });
     try {
+      const gitCwd = existsSync('/halo/code') ? '/halo/code' : process.cwd();
       const { stdout } = await execFileAsync('git', ['status', '--porcelain'], {
-        cwd: process.cwd(), encoding: 'utf-8', timeout: 5000,
+        cwd: gitCwd, encoding: 'utf-8', timeout: 5000,
       });
       const changes = stdout.split('\n').filter(Boolean).map(line => ({
         status: line.substring(0, 2).trim(),
@@ -589,7 +622,7 @@ const requestHandler = async (req, res) => {
     }
     const fileList = files.split(',').filter(Boolean);
     const diffs = [];
-    const cwd = process.cwd();
+    const cwd = existsSync('/halo/code') ? '/halo/code' : process.cwd();
     for (const file of fileList) {
       if (file.includes('..') || file.startsWith('/')) continue;
       try {
@@ -644,6 +677,53 @@ const requestHandler = async (req, res) => {
     return;
   }
 
+  // API: 获取文档列表
+  if (req.url === '/api/docs') {
+    res.writeHead(200, { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' });
+    try {
+      const docsCwd = existsSync('/halo/code') ? '/halo/code' : process.cwd();
+      const EXCLUDE = new Set(['readme.md', 'changelog.md', 'license.md', 'claude.md', 'agents.md', 'contributing.md', 'security.md', 'context.md']);
+      const files = readdirSync(docsCwd)
+        .filter(f => f.endsWith('.md') && !EXCLUDE.has(f.toLowerCase()))
+        .map(f => {
+          try {
+            const st = statSync(join(docsCwd, f));
+            return { name: f, mtime: st.mtimeMs };
+          } catch { return null; }
+        })
+        .filter(Boolean)
+        .sort((a, b) => b.mtime - a.mtime);
+      res.end(JSON.stringify({ docs: files }));
+    } catch (err) {
+      res.end(JSON.stringify({ docs: [], error: err.message }));
+    }
+    return;
+  }
+
+  // API: 获取文档内容
+  if (req.url?.startsWith('/api/doc-content')) {
+    const url = new URL(req.url, `http://${req.headers.host}`);
+    const file = url.searchParams.get('file');
+    res.writeHead(200, { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' });
+    if (!file || file.includes('/') || file.includes('..') || !file.endsWith('.md')) {
+      res.end(JSON.stringify({ error: '无效文件名' }));
+      return;
+    }
+    try {
+      const docsCwd = existsSync('/halo/code') ? '/halo/code' : process.cwd();
+      const filePath = join(docsCwd, file);
+      if (!existsSync(filePath)) {
+        res.end(JSON.stringify({ error: '文件不存在' }));
+        return;
+      }
+      const content = readFileSync(filePath, 'utf-8');
+      res.end(JSON.stringify({ name: file, content }));
+    } catch (err) {
+      res.end(JSON.stringify({ error: err.message }));
+    }
+    return;
+  }
+
   // API: 软删除会话（设置 time_archived）
   if (req.method === 'DELETE' && req.url?.startsWith('/api/session/')) {
     const sessionId = req.url.split('/').pop();
@@ -687,6 +767,29 @@ const requestHandler = async (req, res) => {
 const httpsOpts = USE_HTTPS ? await getOrCreateCert() : null;
 let server, wss;
 
+// 无客户端连接后自动退出，防止进程堆积
+// 首次启动等 3 分钟（给用户时间打开浏览器），连接过之后断开等 30 秒
+let noClientTimer = null;
+let hasEverConnected = false;
+function startNoClientTimer() {
+  if (noClientTimer) return;
+  if (wss && wss.clients.size > 0) return;
+  const timeout = hasEverConnected ? 30000 : 180000;
+  noClientTimer = setTimeout(() => {
+    if (!wss || wss.clients.size === 0) {
+      LOG(`[auto-exit] ${timeout / 1000}秒无客户端连接，自动退出`);
+      cleanupAndExit();
+    }
+    noClientTimer = null;
+  }, timeout);
+}
+function cancelNoClientTimer() {
+  if (noClientTimer) {
+    clearTimeout(noClientTimer);
+    noClientTimer = null;
+  }
+}
+
 function createServerAndWss() {
   server = USE_HTTPS
     ? createHttpsServer(httpsOpts, requestHandler)
@@ -708,6 +811,8 @@ function createServerAndWss() {
 function setupWss(wssInst) {
 wssInst.on('connection', (ws, req) => {
   LOG('[WS] 客户端连接 from', req.socket.remoteAddress);
+  hasEverConnected = true;
+  cancelNoClientTimer();
   ws.isAlive = true;
   ws.on('pong', () => { ws.isAlive = true; });
 
@@ -864,6 +969,7 @@ wssInst.on('connection', (ws, req) => {
         isSwitching = true;
         previousSessionId = currentSessionId; // 记住旧会话，用于判断新会话是否已写入 DB
         currentSessionId = null; // 立即清除旧会话 ID
+        sessionStartTime = Date.now(); // 重置启动时间，防止查到旧会话
 
         if (mode === 'opencode' && opencodeProcess) {
           try { killProcessTree(opencodeProcess); } catch {}
@@ -888,18 +994,22 @@ wssInst.on('connection', (ws, req) => {
         }
         isSwitching = false;
 
-        // 延迟检测新会话 ID（等 opencode 写入 DB）
-        const prevSid = previousSessionId;
+        // 延迟检测新会话 ID（等 opencode 写入 DB，必须在 sessionStartTime 之后且有消息）
+        const startTs = sessionStartTime;
         const checkNewSession = (attempt) => {
-          if (currentSessionId || attempt > 10) return;
+          if (currentSessionId || attempt > 15) return;
           try {
             if (existsSync(OPENCODE_DB_PATH)) {
               const db = new Database(OPENCODE_DB_PATH, { readonly: true });
               const row = db.prepare(
-                `SELECT id FROM session WHERE parent_id IS NULL AND time_archived IS NULL ORDER BY time_created DESC LIMIT 1`
-              ).get();
+                `SELECT s.id FROM session s
+                 WHERE s.parent_id IS NULL AND s.time_archived IS NULL
+                 AND s.time_created >= ?
+                 AND EXISTS (SELECT 1 FROM message m WHERE m.session_id = s.id)
+                 ORDER BY s.time_created DESC LIMIT 1`
+              ).get(startTs);
               db.close();
-              if (row && row.id !== prevSid) {
+              if (row) {
                 currentSessionId = row.id;
                 LOG(`[new-session] 检测到新会话 ID: ${currentSessionId}`);
                 return;
@@ -937,6 +1047,8 @@ wssInst.on('connection', (ws, req) => {
         }
       }
     }
+    // 无客户端连接时，30秒后自动退出
+    startNoClientTimer();
   });
 });
 
@@ -998,6 +1110,9 @@ function startServer() {
     } else {
       await spawnProcess('opencode');
     }
+
+    // 启动首次连接超时检测（3分钟无人连接则退出）
+    startNoClientTimer();
   });
 
   server.on('error', (err) => {