@wendongfly/myhi 1.0.109 → 1.0.111

package/dist/chat.html

@@ -193,6 +193,8 @@
     .action-sheet-item .desc { font-size: 0.72rem; color: #8b949e; }
     .action-sheet-item .check { color: #3fb950; font-size: 0.9rem; }
     .action-sheet-cancel { display: block; width: 100%; margin-top: 0.5rem; padding: 0.65rem; background: #21262d; border: none; border-radius: 10px; color: #8b949e; font-size: 0.85rem; cursor: pointer; text-align: center; }
+    .slash-inp { width: 100%; padding: 0.65rem 0.8rem; background: #0d1117; border: 1px solid #30363d; border-radius: 10px; color: #e6edf3; font-size: 0.9rem; outline: none; }
+    .slash-inp:focus { border-color: #7c3aed; }
 
     /* ── QR弹窗 / 状态遮罩 ──────────────── */
     #qr-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.7); z-index: 100; align-items: center; justify-content: center; }
@@ -332,6 +334,19 @@
     </div>
   </div>
 
+  <!-- 斜杠命令面板 -->
+  <div id="slash-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeSlashSheet()"></div>
+    <div class="action-sheet-box">
+      <div class="action-sheet-title" id="slash-title">命令</div>
+      <div style="padding:0.3rem 0.2rem">
+        <input id="slash-input" class="slash-inp" placeholder="输入参数（可选）" autocomplete="off">
+      </div>
+      <button class="action-sheet-cancel" style="background:#7c3aed;color:#fff;font-weight:600;margin-bottom:0.4rem" onclick="submitSlashCmd()">发送</button>
+      <button class="action-sheet-cancel" onclick="closeSlashSheet()">取消</button>
+    </div>
+  </div>
+
   <div id="status-overlay">连接中...</div>
 
   <script type="module">
@@ -1470,16 +1485,36 @@
     };
 
     // ── 会话命名 ──────────────────────────────────
+    let _slashCmd = null;
+    const _slashTitles = { '/plan': '计划模式', '/compact': '压缩上下文', '/rename': '重命名会话' };
+    const _slashHints = { '/plan': '输入计划描述...', '/compact': '输入压缩提示...', '/rename': '输入新名称...' };
     window.doSlashCmd = function(cmd) {
-      const hints = { '/plan': '输入计划描述（可选）', '/compact': '输入压缩提示（可选）', '/rename': '输入新名称（可选）' };
-      const input = prompt(hints[cmd] || cmd);
-      if (input === null) return; // 取消
-      const prompt_text = input.trim() ? `${cmd} ${input.trim()}` : cmd;
+      _slashCmd = cmd;
+      document.getElementById('slash-title').textContent = _slashTitles[cmd] || cmd;
+      const inp = document.getElementById('slash-input');
+      inp.placeholder = _slashHints[cmd] || '输入参数（可选）';
+      inp.value = '';
+      document.getElementById('slash-sheet').classList.add('open');
+      setTimeout(() => inp.focus(), 100);
+    };
+    window.closeSlashSheet = function() {
+      document.getElementById('slash-sheet').classList.remove('open');
+      _slashCmd = null;
+    };
+    window.submitSlashCmd = function() {
+      if (!_slashCmd) return;
+      const input = document.getElementById('slash-input').value.trim();
+      const prompt_text = input ? `${_slashCmd} ${input}` : _slashCmd;
+      closeSlashSheet();
       if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
       socket.emit('agent:query', { prompt: prompt_text });
       addInputMessage(prompt_text);
       showThinking();
     };
+    // Enter 键提交
+    document.getElementById('slash-input')?.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') { e.preventDefault(); submitSlashCmd(); }
+    });
 
     window.doRename = function() {
       const current = document.getElementById('session-title').textContent;

package/dist/index.html

@@ -407,10 +407,6 @@
       min-width: 3rem; text-align: center;
     }
     .drive-btn:active, .drive-btn.active { border-color: var(--accent); color: var(--accent); background: rgba(124,58,237,0.12); }
-    #update-banner { display: none; margin: 0.5rem 0.75rem; padding: 0.6rem 0.75rem; background: rgba(210,153,34,0.12); border: 1px solid rgba(210,153,34,0.3); border-radius: 8px; font-size: 0.8rem; color: var(--yellow); align-items: center; gap: 0.5rem; }
-    #update-banner.show { display: flex; }
-    #update-banner .update-text { flex: 1; }
-    #update-banner .update-ver { font-weight: 600; }
     #update-btn { background: var(--yellow); color: #000; border: none; border-radius: 6px; padding: 0.35rem 0.75rem; font-size: 0.75rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
     #update-btn:active { opacity: 0.7; }
     #update-btn:disabled { opacity: 0.5; cursor: not-allowed; }
@@ -421,7 +417,6 @@
   <div id="header">
     <div class="logo">my<span>hi</span></div>
     <div style="display:flex;align-items:center;gap:0.6rem">
-      <span id="current-version" style="font-size:0.7rem;color:var(--border)"></span>
       <span id="user-name" style="font-size:0.8rem;color:var(--muted)"></span>
       <button id="usage-btn" onclick="showUsage()" style="background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">用量</button>
       <button id="logout-btn" onclick="doLogout()" style="display:none;background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">退出</button>
@@ -966,17 +961,6 @@
   }
 
   // ── 版本更新 ──────────────────────────────────────────────
-  async function checkUpdate() {
-    try {
-      const resp = await fetch('/api/version');
-      if (!resp.ok) return;
-      const data = await resp.json();
-      const verEl = document.getElementById('current-version');
-      if (verEl) verEl.textContent = 'v' + data.current;
-    } catch {}
-  }
-  checkUpdate();
-  setInterval(checkUpdate, 10 * 60 * 1000);
 </script>
 </body>
 </html>

package/dist/package.json

@@ -1 +1 @@
-{"type":"module","version":"1.0.109"}
+{"type":"module","version":"1.0.111"}

package/package.json

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