@wendongfly/myhi 1.0.55 → 1.0.57

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>
@@ -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'; });
@@ -355,7 +395,10 @@
       cmdInput.style.height = 'auto';
       cmdInput.style.height = Math.min(cmdInput.scrollHeight, 120) + 'px';
     });
-    cmdInput.addEventListener('focus', () => inputBox.classList.add('focused'));
+    cmdInput.addEventListener('focus', () => {
+      inputBox.classList.add('focused');
+      if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
+    });
     cmdInput.addEventListener('blur', () => inputBox.classList.remove('focused'));
 
     let currentSession = null;
@@ -1165,7 +1208,10 @@
         return;
       }
 
-      if (!isController) { addStatusMessage('请先获取控制权'); return; }
+      if (!isController) {
+        if (canTakeControl()) { socket.emit('take-control', { sessionId: SESSION_ID }); }
+        else { addStatusMessage('其他用户控制中，无法发送'); return; }
+      }
       endStream();
 
       const imgPath = _pendingImage?.path || null;

package/package.json

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