@wendongfly/myhi 1.3.29 → 1.3.31

package/dist/chat.html

@@ -452,6 +452,33 @@
     </div>
   </div>
 
+  <!-- 自定义 Slash Commands 弹窗 -->
+  <div id="cmd-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeCmdSheet()"></div>
+    <div class="action-sheet-box" style="max-height:75vh;display:flex;flex-direction:column">
+      <div class="action-sheet-title">自定义命令</div>
+      <div style="padding:0.3rem 0.2rem">
+        <input id="cmd-filter" class="slash-inp" placeholder="搜索命令..." autocomplete="off">
+      </div>
+      <div id="cmd-sheet-list" style="flex:1;overflow-y:auto;padding:0.3rem 0;scrollbar-width:thin"></div>
+      <button class="action-sheet-cancel" onclick="closeCmdSheet()">取消</button>
+    </div>
+  </div>
+
+  <!-- AskUserQuestion 弹窗 -->
+  <div id="ask-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeAskSheet()"></div>
+    <div class="action-sheet-box" style="max-height:70vh;display:flex;flex-direction:column">
+      <div class="action-sheet-title" id="ask-sheet-title">提问</div>
+      <div id="ask-sheet-body" style="flex:1;overflow-y:auto;padding:0.3rem 0;scrollbar-width:thin"></div>
+      <div style="padding:0.3rem 0.2rem">
+        <input id="ask-sheet-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="submitAskReply()">发送自定义回答</button>
+      <button class="action-sheet-cancel" onclick="closeAskSheet()">取消</button>
+    </div>
+  </div>
+
   <div id="skill-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeSkillSheet()"></div>
     <div class="action-sheet-box" style="max-height:85vh;display:flex;flex-direction:column">
@@ -1232,6 +1259,9 @@
               } else if (block.type === 'text' && block.text) {
                 addAssistantMessage(block.text);
               } else if (block.type === 'tool_use') {
+                if (block.name === 'AskUserQuestion' && block.input) {
+                  openAskSheet(block.input);
+                }
                 addToolMessage(JSON.stringify(block.input || {}, null, 2), block.name || '工具');
               } else if (block.type === 'tool_result') {
                 const content = typeof block.content === 'string' ? block.content : JSON.stringify(block.content);
@@ -1282,6 +1312,9 @@
           break;
         case 'tool_use':
           // 独立工具调用消息
+          if (msg.name === 'AskUserQuestion' && msg.input) {
+            openAskSheet(msg.input);
+          }
           addToolMessage(JSON.stringify(msg.input || {}, null, 2), msg.name || '工具');
           setWorkState('working');
           break;
@@ -1822,6 +1855,65 @@
     ];
     let currentModelId = '';
 
+    // ── AskUserQuestion 弹窗 ──
+    window.openAskSheet = function(input) {
+      const questions = input?.questions || input?.question;
+      const sheet = document.getElementById('ask-sheet');
+      const title = document.getElementById('ask-sheet-title');
+      const body = document.getElementById('ask-sheet-body');
+      const inp = document.getElementById('ask-sheet-input');
+      body.innerHTML = '';
+      inp.value = '';
+
+      // 支持单个 question 或 questions 数组
+      const qList = Array.isArray(questions) ? questions : [{ question: questions || input?.question || '请选择', options: input?.options }];
+
+      qList.forEach(q => {
+        const qText = q.question || q.text || '';
+        title.textContent = q.header || '提问';
+        // 问题描述
+        if (qText) {
+          const desc = document.createElement('div');
+          desc.style.cssText = 'padding:0.5rem 0.3rem;font-size:0.82rem;color:#c9d1d9;line-height:1.5;white-space:pre-wrap';
+          desc.textContent = qText;
+          body.appendChild(desc);
+        }
+        // 选项列表
+        if (q.options?.length) {
+          q.options.forEach(opt => {
+            const item = document.createElement('div');
+            item.className = 'action-sheet-item';
+            item.innerHTML = `<div><div>${escHtml(opt.label || opt.value || opt)}</div>${opt.description ? `<div class="desc">${escHtml(opt.description)}</div>` : ''}</div>`;
+            item.onclick = () => {
+              closeAskSheet();
+              const reply = opt.label || opt.value || String(opt);
+              addInputMessage(reply);
+              socket.emit('agent:query', { prompt: reply });
+              showThinking();
+            };
+            body.appendChild(item);
+          });
+        }
+      });
+      sheet.classList.add('open');
+      inp.focus();
+    };
+    window.closeAskSheet = function() {
+      document.getElementById('ask-sheet').classList.remove('open');
+    };
+    window.submitAskReply = function() {
+      const inp = document.getElementById('ask-sheet-input');
+      const text = inp.value.trim();
+      if (!text) return;
+      closeAskSheet();
+      addInputMessage(text);
+      socket.emit('agent:query', { prompt: text });
+      showThinking();
+    };
+    document.getElementById('ask-sheet-input').addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') { e.preventDefault(); submitAskReply(); }
+    });
+
     window.openModelSheet = function() {
       const list = document.getElementById('model-list');
       list.innerHTML = '';
@@ -1988,15 +2080,22 @@
     });
 
     // ── 动态加载 Skill 按钮 ──────────────────────────
+    let _customSkills = [];
     async function loadSkills() {
       try {
         const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}`);
         const data = await resp.json();
         const container = document.getElementById('sk-custom-skills');
-        if (!data.skills || !data.skills.length) { container.innerHTML = ''; return; }
-        container.innerHTML = data.skills.map(s =>
-          `<button class="sk sk-claude" onclick="runSkill('${escHtml(s.name)}')" title="${escHtml(s.desc)}" style="color:#9d5cf5">/${escHtml(s.name)}</button>`
-        ).join('');
+        _customSkills = data.skills || [];
+        if (!_customSkills.length) { container.innerHTML = ''; return; }
+        // ≤3 个：直接显示按钮；>3 个：显示 "/命令 (N)" 入口
+        if (_customSkills.length <= 3) {
+          container.innerHTML = _customSkills.map(s =>
+            `<button class="sk sk-claude" onclick="runSkill('${escHtml(s.name)}')" title="${escHtml(s.desc)}" style="color:#9d5cf5">/${escHtml(s.name)}</button>`
+          ).join('');
+        } else {
+          container.innerHTML = `<button class="sk sk-claude" onclick="openCmdSheet()" style="color:#9d5cf5">/命令 (${_customSkills.length})</button>`;
+        }
       } catch {}
     }
     window.runSkill = function(name) {
@@ -2006,6 +2105,33 @@
       addInputMessage(cmd);
       showThinking();
     };
+    window.openCmdSheet = function() {
+      const sheet = document.getElementById('cmd-sheet');
+      const listEl = document.getElementById('cmd-sheet-list');
+      const filterInp = document.getElementById('cmd-filter');
+      filterInp.value = '';
+      const render = (keyword = '') => {
+        const kw = keyword.toLowerCase();
+        const filtered = _customSkills.filter(s =>
+          !kw || s.name.toLowerCase().includes(kw) || (s.desc || '').toLowerCase().includes(kw));
+        listEl.innerHTML = filtered.length
+          ? filtered.map(s => `<div class="action-sheet-item" onclick="runSkillAndClose('${escHtml(s.name)}')">
+              <div><div style="color:#d2a8ff">/${escHtml(s.name)}</div>${s.desc ? `<div class="desc">${escHtml(s.desc)}</div>` : ''}</div>
+            </div>`).join('')
+          : '<div style="text-align:center;color:#8b949e;padding:1.5rem 0;font-size:0.82rem">无匹配命令</div>';
+      };
+      render();
+      filterInp.oninput = (e) => render(e.target.value);
+      sheet.classList.add('open');
+      setTimeout(() => filterInp.focus(), 100);
+    };
+    window.closeCmdSheet = function() {
+      document.getElementById('cmd-sheet').classList.remove('open');
+    };
+    window.runSkillAndClose = function(name) {
+      closeCmdSheet();
+      runSkill(name);
+    };
     // 加入会话后加载 skill
     socket.on('joined', () => { if (currentSession?.mode === 'agent') loadSkills(); });
 

package/package.json

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