@wendongfly/myhi 1.0.109 → 1.0.110

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/package.json

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

package/package.json

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