@wendongfly/myhi 1.3.16 → 1.3.18

package/dist/chat.html

@@ -272,7 +272,7 @@
     <span class="sb-item" id="work-status"><span class="sb-dot idle"></span> 空闲</span>
     <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="location.href='/'">⬆ 有更新</span>
+    <span id="update-badge" style="display:none;color:#d29922;cursor:pointer" onclick="doUpdate()">⬆ 有更新</span>
   </div>
 
   <div id="chat-area"></div>
@@ -482,14 +482,17 @@
       <!-- Git 安装视图 -->
       <div id="skill-import-view" style="display:none;flex:1;overflow-y:auto;scrollbar-width:thin;padding:0.3rem 0.2rem">
         <div style="display:flex;flex-direction:column;gap:0.4rem">
-          <input id="skill-git-url" class="slash-inp" placeholder="Git 仓库地址 (https:// 或 git@...)" autocomplete="off">
+          <div style="display:flex;gap:0.4rem">
+            <input id="skill-git-url" class="slash-inp" placeholder="Git 仓库地址 (https:// 或 git@...)" autocomplete="off" style="flex:1">
+            <button onclick="scanGitSkills()" style="background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:0.5rem 0.8rem;font-size:0.82rem;cursor:pointer;white-space:nowrap">扫描</button>
+          </div>
           <select id="skill-import-scope" class="slash-inp" style="background:#0d1117;color:#c9d1d9;border:1px solid #30363d;border-radius:8px;padding:0.5rem;font-size:0.82rem">
             <option value="user">安装到用户级 (~/.claude/commands/)</option>
             <option value="project">安装到项目级 (.claude/commands/)</option>
           </select>
         </div>
         <div id="skill-import-preview" style="display:none;margin-top:0.5rem;padding:0.5rem;background:#0d1117;border:1px solid #30363d;border-radius:8px;font-size:0.78rem;max-height:30vh;overflow-y:auto;scrollbar-width:thin"></div>
-        <button id="skill-import-scan-btn" class="action-sheet-cancel" style="background:#7c3aed;color:#fff;font-weight:600;margin-top:0.5rem;margin-bottom:0.4rem" onclick="scanGitSkills()">扫描技能</button>
+        <div id="skill-import-scan-btn"></div>
         <button id="skill-import-install-btn" class="action-sheet-cancel" style="display:none;background:#3fb950;color:#000;font-weight:600;margin-bottom:0.4rem" onclick="installGitSkills()">安装选中的技能</button>
         <button class="action-sheet-cancel" onclick="backToSkillList()">返回列表</button>
       </div>
@@ -2115,17 +2118,23 @@
       document.getElementById('skill-sheet-title').textContent = '从 Git 安装技能';
       document.getElementById('skill-import-preview').style.display = 'none';
       document.getElementById('skill-import-install-btn').style.display = 'none';
-      document.getElementById('skill-import-scan-btn').style.display = '';
+      document.getElementById('skill-import-scan-btn').innerHTML = '';
       document.getElementById('skill-git-url').value = '';
       _gitSkills = [];
+      setTimeout(() => document.getElementById('skill-git-url').focus(), 100);
     };
 
+    document.getElementById('skill-git-url')?.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') { e.preventDefault(); scanGitSkills(); }
+    });
+
     window.scanGitSkills = async function() {
       const url = document.getElementById('skill-git-url').value.trim();
       if (!url) { addStatusMessage('请输入 Git 仓库地址'); return; }
-      const btn = document.getElementById('skill-import-scan-btn');
-      btn.textContent = '正在克隆并扫描...';
-      btn.disabled = true;
+      const statusEl = document.getElementById('skill-import-scan-btn');
+      statusEl.innerHTML = '<div style="text-align:center;color:#8b949e;padding:0.5rem 0">正在克隆并扫描...</div>';
+      document.getElementById('skill-import-preview').style.display = 'none';
+      document.getElementById('skill-import-install-btn').style.display = 'none';
       try {
         const resp = await fetch('/api/skills/scan-git', {
           method: 'POST',
@@ -2133,6 +2142,7 @@
           body: JSON.stringify({ url }),
         });
         const data = await resp.json();
+        statusEl.innerHTML = '';
         if (data.error) { addStatusMessage(data.error); return; }
         _gitSkills = data.skills || [];
         if (!_gitSkills.length) {
@@ -2153,9 +2163,7 @@
         document.getElementById('skill-import-install-btn').style.display = '';
       } catch (e) {
         addStatusMessage('扫描失败: ' + e.message);
-      } finally {
-        btn.textContent = '扫描技能';
-        btn.disabled = false;
+        statusEl.innerHTML = '';
       }
     };
 
@@ -2517,15 +2525,51 @@
     cmdInput.focus();
 
     // ── 版本更新检查 ──────────────────────────────
+    let _versionInfo = null;
     (async function checkUpdate() {
       try {
         const resp = await fetch('/api/version');
         if (!resp.ok) return;
-        const data = await resp.json();
-        if (data.updateAvailable) document.getElementById('update-badge').style.display = '';
+        _versionInfo = await resp.json();
+        const badge = document.getElementById('update-badge');
+        if (_versionInfo.updateAvailable) {
+          badge.textContent = `⬆ ${_versionInfo.latest}`;
+          badge.style.display = '';
+        } else {
+          badge.style.display = 'none';
+        }
       } catch {}
       setTimeout(checkUpdate, 10 * 60 * 1000);
     })();
+
+    window.doUpdate = async function() {
+      if (!_versionInfo?.updateAvailable) return;
+      if (!confirm(`更新 myhi?\n当前: ${_versionInfo.current}\n最新: ${_versionInfo.latest}\n\n更新后服务将自动重启`)) return;
+      const badge = document.getElementById('update-badge');
+      badge.textContent = '⬆ 更新中...';
+      badge.style.color = '#8b949e';
+      try {
+        const resp = await fetch('/api/update', { method: 'POST' });
+        const data = await resp.json();
+        addStatusMessage(data.message || '升级中...');
+        badge.textContent = '⬆ 重启中...';
+        // 等待服务重启后自动刷新
+        setTimeout(() => {
+          let retries = 0;
+          const poll = setInterval(async () => {
+            try {
+              const r = await fetch('/api/version');
+              if (r.ok) { clearInterval(poll); location.reload(); }
+            } catch {}
+            if (++retries > 30) { clearInterval(poll); badge.textContent = '⬆ 请手动刷新'; badge.style.color = '#f85149'; }
+          }, 3000);
+        }, 5000);
+      } catch (e) {
+        addStatusMessage('更新失败: ' + e.message);
+        badge.textContent = `⬆ ${_versionInfo.latest}`;
+        badge.style.color = '#d29922';
+      }
+    };
   </script>
 </body>
 </html>