@wendongfly/myhi 1.0.56 → 1.0.58

package/dist/chat.html

@@ -215,6 +215,7 @@
     <button class="top-btn" onclick="goBack()" title="返回">
       <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg>
     </button>
+    <button class="top-btn" onclick="showUsage()" title="用量" style="font-size:0.7rem;color:var(--muted)">用量</button>
     <button class="top-btn" id="logout-btn" onclick="doLogout()" title="退出" style="display:none;color:#f0883e">
       <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
     </button>
@@ -223,14 +224,14 @@
   <div id="status-bar">
     <span class="sb-item" id="work-status"><span class="sb-dot idle"></span> 空闲</span>
     <span id="mode-badge" onclick="switchMode()">默认</span>
-    <span id="control-badge" class="readonly" onclick="toggleControl()">只读</span>
+    <span id="control-badge" class="readonly" style="display:none">只读</span>
     <span id="viewer-count" class="sb-item"></span>
   </div>
 
   <div id="chat-area"></div>
 
   <div id="input-area">
-    <div id="readonly-overlay">只读模式 — 点击状态栏"获取控制"开始输入</div>
+    <div id="readonly-overlay" style="display:none"></div>
     <div id="input-box">
       <div id="img-preview">
         <img id="img-preview-thumb" src="" alt="">
@@ -335,6 +336,45 @@
     fetch('/api/me').then(r => r.json()).then(data => {
       if (data.exclusive || data.hasUsers) document.getElementById('logout-btn').style.display = '';
     }).catch(() => {});
+    window.showUsage = async () => {
+      try {
+        const res = await fetch('/api/usage');
+        const data = await res.json();
+        let html = '<div style="padding:1.25rem;max-width:500px">';
+        html += '<h3 style="margin:0 0 1rem;font-size:1rem">Claude 用量统计</h3>';
+        if (data.rateLimit) {
+          const rl = data.rateLimit;
+          const remaining = Math.max(0, Math.ceil((new Date(rl.resetsAt * 1000) - Date.now()) / 60000));
+          html += '<div style="margin-bottom:1rem;padding:0.8rem;background:var(--bg);border-radius:8px">';
+          html += '<div style="font-size:0.85rem;font-weight:600;margin-bottom:0.4rem">5小时窗口</div>';
+          html += `<div style="font-size:0.8rem;color:var(--muted)">状态: ${rl.status === 'allowed' ? '✓ 正常' : '⚠ 受限'}　重置: ${remaining}分钟后</div></div>`;
+        }
+        if (data.sevenDay) {
+          const s = data.sevenDay;
+          html += '<div style="margin-bottom:1rem;padding:0.8rem;background:var(--bg);border-radius:8px">';
+          html += '<div style="font-size:0.85rem;font-weight:600;margin-bottom:0.4rem">近7天</div>';
+          html += `<div style="font-size:0.8rem;color:var(--muted)">消息: ${s.messageCount.toLocaleString()}　会话: ${s.sessionCount}　工具: ${s.toolCallCount.toLocaleString()}</div></div>`;
+        }
+        if (data.activeSessions?.length) {
+          html += '<div style="margin-bottom:1rem;padding:0.8rem;background:var(--bg);border-radius:8px">';
+          html += '<div style="font-size:0.85rem;font-weight:600;margin-bottom:0.4rem">当前会话</div>';
+          for (const s of data.activeSessions) {
+            if (!s.usage) continue;
+            html += `<div style="font-size:0.8rem;color:var(--muted)">${s.title}: ${s.usage.queryCount}次, $${s.usage.totalCostUSD.toFixed(4)}</div>`;
+          }
+          html += '</div>';
+        }
+        html += '<button onclick="this.parentElement.parentElement.remove()" style="margin-top:0.5rem;width:100%;padding:0.6rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:0.85rem">关闭</button></div>';
+        const overlay = document.createElement('div');
+        overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;display:flex;align-items:center;justify-content:center';
+        overlay.onclick = (e) => { if (e.target === overlay) overlay.remove(); };
+        const box = document.createElement('div');
+        box.style.cssText = 'background:var(--surface);border-radius:16px;max-height:80vh;overflow-y:auto;width:90%;max-width:400px';
+        box.innerHTML = html;
+        overlay.appendChild(box);
+        document.body.appendChild(overlay);
+      } catch (err) { alert('获取用量失败: ' + err.message); }
+    };
     window.doLogout = () => {
       if (!confirm('确定退出登录？当前所有会话将被关闭。')) return;
       fetch('/logout', { method: 'POST' }).then(() => { location.href = '/login'; });
@@ -1314,7 +1354,7 @@
     };
     function selectModel(m) {
       closeModelSheet();
-      if (!isController) { addStatusMessage('请先获取控制权'); return; }
+      if (!isController) { if (canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID }); else { addStatusMessage('其他用户控制中'); return; } }
       if (currentSession?.mode === 'agent') {
         // Agent 模式：通过命令设置
         cmdInput.value = '/model ' + m.id;
@@ -1334,7 +1374,7 @@
 
     // ── 恢复会话 ──────────────────────────────────
     window.openResumeSheet = async function() {
-      if (!isController) { addStatusMessage('请先获取控制权'); return; }
+      if (!isController) { if (canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID }); else { addStatusMessage('其他用户控制中'); return; } }
       const list = document.getElementById('resume-list');
       list.innerHTML = '<div style="text-align:center;padding:1rem;color:#8b949e">加载中...</div>';
       document.getElementById('resume-sheet').classList.add('open');
@@ -1382,7 +1422,7 @@
 
     // ── 压缩对话 ──────────────────────────────────
     window.doCompact = function() {
-      if (!isController) { addStatusMessage('请先获取控制权'); return; }
+      if (!isController) { if (canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID }); else { addStatusMessage('其他用户控制中'); return; } }
       if (currentSession?.mode === 'agent') {
         cmdInput.value = '/compact';
         sendCommand();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wendongfly/myhi",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "description": "Web-based terminal sharing with chat UI — control your terminal from phone via LAN/Tailscale",
   "type": "module",
   "main": "dist/index.js",