@wendongfly/myhi 1.3.88 → 1.3.89

package/dist/admin.html

@@ -76,6 +76,17 @@
   </div>
   <div id="op-msg" class="status-msg" style="display:none"></div>
 
+  <!-- Claude Code 版本 + 升级 -->
+  <div class="ver-card">
+    <div style="font-size:0.8rem;color:#8b949e">Claude Code 版本</div>
+    <div class="ver-big" id="cl-cur">--</div>
+    <div class="ver-sub" id="cl-latest"></div>
+  </div>
+  <div class="actions">
+    <button class="btn-up" id="btn-cl-up" onclick="doClaudeUpgrade()" disabled>已是最新</button>
+  </div>
+  <div id="cl-msg" class="status-msg" style="display:none"></div>
+
   <!-- 在线用户 -->
   <div class="card">
     <h3>在线用户</h3>
@@ -219,6 +230,26 @@ async function refresh() {
       btn.disabled = true; btn.classList.remove('glow'); btn.textContent = '已是最新';
     }
 
+    // Claude Code 版本（独立端点）
+    try {
+      const cr = await fetch('/api/claude/version', { headers: H() });
+      if (cr.ok) {
+        const cd = await cr.json();
+        document.getElementById('cl-cur').textContent = cd.current ? ('v' + cd.current) : '未检测到';
+        const clBtn = document.getElementById('btn-cl-up');
+        if (cd.upgrade?.running) {
+          document.getElementById('cl-latest').innerHTML = '<span style="color:#58a6ff">升级中...</span>';
+          clBtn.disabled = true; clBtn.textContent = '升级中...';
+        } else if (cd.updateAvailable) {
+          document.getElementById('cl-latest').innerHTML = '最新版本: <b>v' + cd.latest + '</b>';
+          clBtn.disabled = false; clBtn.classList.add('glow'); clBtn.textContent = '升级到 v' + cd.latest;
+        } else {
+          document.getElementById('cl-latest').innerHTML = '<span style="color:#3fb950">已是最新版本</span>';
+          clBtn.disabled = true; clBtn.classList.remove('glow'); clBtn.textContent = '已是最新';
+        }
+      }
+    } catch {}
+
     // 在线用户
     const ouEl = document.getElementById('online-users');
     if (!d.onlineUsers?.length) {
@@ -327,6 +358,28 @@ async function doUpgrade() {
   } catch { msg.textContent = '连接失败'; btn.disabled = false; btn.textContent = '重试'; }
 }
 
+async function doClaudeUpgrade() {
+  const btn = document.getElementById('btn-cl-up'), msg = document.getElementById('cl-msg');
+  if (!confirm('升级 Claude Code？\nmyhi 会用 npm --include=optional 装全平台二进制，避免占位符坑。\n不影响正在跑的会话，升级后新查询生效。')) return;
+  btn.disabled = true; btn.textContent = '升级中...'; msg.className = 'status-msg'; msg.textContent = '正在下载安装（~260MB，可能几分钟）...'; msg.style.display = '';
+  try {
+    const r = await fetch('/api/claude/update', { method: 'POST', headers: H() });
+    const d = await r.json();
+    if (!d.ok) { msg.textContent = '失败: ' + (d.error||''); btn.disabled = false; btn.textContent = '重试'; return; }
+    const poll = setInterval(async () => {
+      try {
+        const sr = await fetch('/api/claude/update-status', { headers: H() });
+        const s = await sr.json();
+        if (!s.running) {
+          clearInterval(poll);
+          if (s.ok) { msg.textContent = '已升级到 v' + s.version; setTimeout(refresh, 500); }
+          else { msg.textContent = '失败: ' + (s.error||''); btn.disabled = false; btn.textContent = '重试'; }
+        }
+      } catch {}
+    }, 4000);
+  } catch { msg.textContent = '连接失败'; btn.disabled = false; btn.textContent = '重试'; }
+}
+
 async function doRestart() {
   if (!confirm('确定重启？')) return;
   const msg = document.getElementById('op-msg');

package/dist/chat.html

@@ -291,6 +291,7 @@
     <span id="control-badge" class="readonly" style="display:none">只读</span>
     <span id="viewer-count" class="sb-item"></span>
     <span id="update-badge" style="display:none;color:#d29922;cursor:pointer" onclick="doUpdate()">⬆ 有更新</span>
+    <span id="claude-update-badge" style="display:none;color:#58a6ff;cursor:pointer" onclick="doClaudeUpdate()">⬆ claude</span>
   </div>
 
   <div id="chat-area"></div>
@@ -3541,6 +3542,53 @@
         badge.style.color = '#d29922';
       }
     };
+
+    // ── Claude Code 版本检查 & 升级 ──────────────────────
+    let _claudeInfo = null;
+    (async function checkClaudeUpdate() {
+      try {
+        const resp = await fetch('/api/claude/version');
+        if (resp.ok) {
+          _claudeInfo = await resp.json();
+          const b = document.getElementById('claude-update-badge');
+          if (_claudeInfo.upgrade?.running) {
+            b.textContent = '⬆ claude 升级中...'; b.style.color = '#8b949e'; b.style.display = '';
+          } else if (_claudeInfo.updateAvailable) {
+            b.textContent = `⬆ claude ${_claudeInfo.latest}`; b.style.color = '#58a6ff'; b.style.display = '';
+          } else {
+            b.style.display = 'none';
+          }
+        }
+      } catch {}
+      setTimeout(checkClaudeUpdate, 10 * 60 * 1000);
+    })();
+
+    window.doClaudeUpdate = async function() {
+      if (!_claudeInfo?.updateAvailable) return;
+      if (!confirm(`升级 Claude Code?\n当前: ${_claudeInfo.current}\n最新: ${_claudeInfo.latest}\n\nmyhi 会用 npm --include=optional 装全平台二进制，避免占位符坑。不影响正在跑的会话，升级后新查询生效。`)) return;
+      const b = document.getElementById('claude-update-badge');
+      b.textContent = '⬆ claude 升级中...'; b.style.color = '#8b949e';
+      try {
+        const resp = await fetch('/api/claude/update', { method: 'POST' });
+        const data = await resp.json();
+        if (!data.ok) { addStatusMessage('claude 升级失败：' + (data.error || '未知')); b.textContent = '⬆ claude 失败'; b.style.color = '#f85149'; return; }
+        addStatusMessage(data.message || 'claude 升级中...');
+        const poll = setInterval(async () => {
+          try {
+            const r = await fetch('/api/claude/update-status');
+            const s = await r.json();
+            if (!s.running) {
+              clearInterval(poll);
+              if (s.ok) { addStatusMessage('Claude Code 已升级到 ' + s.version); b.style.display = 'none'; }
+              else { addStatusMessage('claude 升级失败：\n' + (s.error || '未知')); b.textContent = '⬆ claude 失败'; b.style.color = '#f85149'; }
+            }
+          } catch {}
+        }, 4000);
+      } catch (e) {
+        addStatusMessage('claude 升级失败: ' + e.message);
+        b.textContent = `⬆ claude ${_claudeInfo.latest}`; b.style.color = '#58a6ff';
+      }
+    };
   </script>
 </body>
 </html>