@wendongfly/myhi 1.3.95 → 1.3.97

package/dist/chat.html

@@ -1581,7 +1581,6 @@
           break;
         case 'result':
           removeThinking();
-          setWorkState('idle');
           // msg.result 是整轮的最终答复文本，纯文字回答时与本轮已渲染的文本重复；
           // 本轮已经通过流式或 assistant 事件渲染过就跳过，避免生成第二个独立气泡
           if (msg.result && !_textRenderedThisTurn) {
@@ -1591,6 +1590,9 @@
           endStream();
           const cost = msg.total_cost_usd ? ` ($${msg.total_cost_usd.toFixed(4)})` : '';
           addStatusMessage(`完成${cost}`);
+          // 关键：idle 放最后——渲染最终答复的 addAssistantMessage 会把状态置回 'working'，
+          // 若在其之前置 idle 会被顶回「执行中」+ 取消按钮不复位。渲染全部完成后再回 idle。
+          setWorkState('idle');
           break;
         case 'content_block_start':
           // 流式内容块开始：thinking 时创建占位，由 thinking_delta 增量填充；
@@ -1716,6 +1718,11 @@
         _textRenderedThisTurn = true;
       }
 
+      // 回放是历史快照：结尾按会话真实忙闲复位状态。否则回放里最后一个 addToolMessage
+      // 把状态留在 'working'，会造成「已完成的会话重进/刷新后仍显示执行中、发送键停在红色取消方框」。
+      // 中途 socket 重连（有 inflight 流式）或会话确实在忙 → working；否则 idle。
+      setWorkState((inflightText || currentSession?.busy) ? 'working' : 'idle');
+
       scrollToBottom();
     });
 
@@ -2320,89 +2327,89 @@
       if (diff < 172800000) return '昨天';
       return (d.getMonth() + 1) + '月' + d.getDate() + '日';
     }
-    function switchSessTime(s) {
-      return (s.lastActivityAt || (s.createdAt ? new Date(s.createdAt).getTime() : 0)) || 0;
-    }
-    window.openSwitchSheet = async function() {
-      let sessions = [];
-      try {
-        const res = await fetch('/api/sessions', { headers: { 'Cache-Control': 'no-cache' } });
-        sessions = await res.json();
-      } catch { addStatusMessage && addStatusMessage('会话列表加载失败'); return; }
-      sessions.sort((a, b) => switchSessTime(b) - switchSessTime(a)); // 最新在前
-      const esc2 = (s) => { const d = document.createElement('div'); d.textContent = s == null ? '' : s; return d.innerHTML; };
-      let mode = localStorage.getItem('myhi_group_mode') || 'time'; // 与首页共用记忆
-
-      const rowHTML = (s) => {
-        const cur = s.id === SESSION_ID;
-        const proj = (s.cwd || '').replace(/\\/g, '/').split('/').filter(Boolean).slice(-1)[0] || '';
-        const tags = (s.tags || []).map(x => '<span style="font-size:0.62rem;color:#a9b6c2;background:rgba(124,58,237,0.14);border:1px solid rgba(124,58,237,0.35);border-radius:999px;padding:0 0.4rem">' + esc2(x) + '</span>').join(' ');
-        const sub = [proj, switchRelTime(switchSessTime(s)), s.busy ? '运行中' : '', s.controlHolderName ? (s.controlHolderName + ' 控制中') : ''].filter(Boolean).join(' · ');
-        return '<div data-sid="' + esc2(s.id) + '" style="display:flex;align-items:center;gap:0.6rem;padding:0.7rem 1.1rem;border-top:1px solid #21262d;cursor:pointer;' + (cur ? 'background:rgba(124,58,237,0.12)' : '') + '">' +
-          '<span style="width:8px;height:8px;border-radius:50%;flex-shrink:0;background:' + (s.alive ? '#3fb950' : '#6e7681') + '"></span>' +
-          '<div style="flex:1;min-width:0">' +
-            '<div style="font-size:0.9rem;color:#e6edf3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc2(s.title || '(无标题)') + ' ' + (cur ? '<span style="font-size:0.68rem;color:#7c3aed">· 当前</span>' : '') + '</div>' +
-            '<div style="font-size:0.72rem;color:#8b949e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc2(sub) + '</div>' +
-            (tags ? '<div style="display:flex;flex-wrap:wrap;gap:0.25rem;margin-top:0.25rem">' + tags + '</div>' : '') +
-          '</div></div>';
-      };
-      const groupHdr = (label, n) => '<div style="padding:0.5rem 1.1rem 0.3rem;color:#8b949e;font-size:0.72rem;font-weight:600;background:#0d1117">' + esc2(label) + ' · <span style="font-weight:400">' + n + '</span></div>';
-      const pushInto = (map, key, s) => { if (!map.has(key)) map.set(key, []); map.get(key).push(s); };
-
-      const buildBody = () => {
-        if (!sessions.length) return '<div style="padding:1rem;color:#8b949e;text-align:center">暂无其他会话</div>';
-        if (mode === 'project') {
-          const g = new Map();
-          for (const s of sessions) pushInto(g, (s.cwd || '').replace(/\\/g, '/').split('/').filter(Boolean).slice(-1)[0] || '(默认目录)', s);
-          return [...g.entries()].sort((a, b) => switchSessTime(b[1][0]) - switchSessTime(a[1][0]))
-            .map(([name, arr]) => groupHdr('📁 ' + name, arr.length) + arr.map(rowHTML).join('')).join('');
-        }
-        if (mode === 'tag') {
-          const g = new Map(); const untag = [];
-          for (const s of sessions) { const ts = s.tags || []; if (!ts.length) { untag.push(s); continue; } for (const t of ts) pushInto(g, t, s); }
-          let h = [...g.entries()].sort((a, b) => switchSessTime(b[1][0]) - switchSessTime(a[1][0]))
-            .map(([name, arr]) => groupHdr('🏷 ' + name, arr.length) + arr.map(rowHTML).join('')).join('');
-          if (untag.length) h += groupHdr('未分类', untag.length) + untag.map(rowHTML).join('');
-          return h;
-        }
-        return sessions.map(rowHTML).join('');
-      };
-
-      const overlay = document.createElement('div');
-      overlay.style.cssText = 'position:fixed;inset:0;z-index:120;background:rgba(0,0,0,0.6);display:flex;align-items:flex-end;justify-content:center';
-      const box = document.createElement('div');
-      box.style.cssText = 'background:#161b22;border-radius:18px 18px 0 0;width:100%;max-width:640px;max-height:78vh;display:flex;flex-direction:column;padding-bottom:max(0.8rem,env(safe-area-inset-bottom))';
-      const segBtn = (m, label) => '<button class="sw-seg" data-m="' + m + '" style="background:' + (mode === m ? '#7c3aed' : 'none') + ';color:' + (mode === m ? '#fff' : '#8b949e') + ';border:none;font-size:0.74rem;padding:0.3rem 0.7rem;cursor:pointer;' + (m !== 'time' ? 'border-left:1px solid #30363d' : '') + '">' + label + '</button>';
-      box.innerHTML = '<div style="padding:0.75rem 1.1rem 0.5rem;display:flex;justify-content:space-between;align-items:center;gap:0.5rem">' +
-          '<span style="font-size:0.85rem;font-weight:600;color:#e6edf3">切换会话（' + sessions.length + '）</span>' +
-          '<div style="display:flex;align-items:center;gap:0.5rem">' +
-            '<div style="display:inline-flex;border:1px solid #30363d;border-radius:7px;overflow:hidden">' + segBtn('time', '最近') + segBtn('project', '项目') + segBtn('tag', '标签') + '</div>' +
-            '<button id="sw-home" style="background:none;border:1px solid #30363d;color:#8b949e;font-size:0.72rem;padding:0.25rem 0.6rem;border-radius:6px;cursor:pointer">＋ 新建</button>' +
-          '</div>' +
-        '</div>' +
-        '<div id="sw-body" style="overflow:auto">' + buildBody() + '</div>' +
-        '<button id="sw-cancel" style="margin:0.5rem 1.1rem 0;background:none;border:1px solid #30363d;color:#8b949e;font-size:0.85rem;padding:0.7rem;border-radius:10px;cursor:pointer">取消</button>';
-      overlay.appendChild(box);
-      const close = () => overlay.remove();
-      overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });
-      box.querySelector('#sw-cancel').onclick = close;
-      box.querySelector('#sw-home').onclick = () => { window.location.href = '/'; };
-      const bindRows = () => box.querySelectorAll('[data-sid]').forEach(row => row.onclick = () => {
-        const sid = row.dataset.sid;
-        if (sid && sid !== SESSION_ID) window.location.href = '/terminal/' + sid;
-        else close();
-      });
-      bindRows();
-      box.querySelectorAll('.sw-seg').forEach(b => b.onclick = () => {
-        mode = b.dataset.m;
-        localStorage.setItem('myhi_group_mode', mode);
-        box.querySelectorAll('.sw-seg').forEach(x => { const on = x.dataset.m === mode; x.style.background = on ? '#7c3aed' : 'none'; x.style.color = on ? '#fff' : '#8b949e'; });
-        box.querySelector('#sw-body').innerHTML = buildBody();
-        bindRows();
-      });
-      document.body.appendChild(overlay);
-    };
-
+    function switchSessTime(s) {
+      return (s.lastActivityAt || (s.createdAt ? new Date(s.createdAt).getTime() : 0)) || 0;
+    }
+    window.openSwitchSheet = async function() {
+      let sessions = [];
+      try {
+        const res = await fetch('/api/sessions', { headers: { 'Cache-Control': 'no-cache' } });
+        sessions = await res.json();
+      } catch { addStatusMessage && addStatusMessage('会话列表加载失败'); return; }
+      sessions.sort((a, b) => switchSessTime(b) - switchSessTime(a)); // 最新在前
+      const esc2 = (s) => { const d = document.createElement('div'); d.textContent = s == null ? '' : s; return d.innerHTML; };
+      let mode = localStorage.getItem('myhi_group_mode') || 'time'; // 与首页共用记忆
+
+      const rowHTML = (s) => {
+        const cur = s.id === SESSION_ID;
+        const proj = (s.cwd || '').replace(/\\/g, '/').split('/').filter(Boolean).slice(-1)[0] || '';
+        const tags = (s.tags || []).map(x => '<span style="font-size:0.62rem;color:#a9b6c2;background:rgba(124,58,237,0.14);border:1px solid rgba(124,58,237,0.35);border-radius:999px;padding:0 0.4rem">' + esc2(x) + '</span>').join(' ');
+        const sub = [proj, switchRelTime(switchSessTime(s)), s.busy ? '运行中' : '', s.controlHolderName ? (s.controlHolderName + ' 控制中') : ''].filter(Boolean).join(' · ');
+        return '<div data-sid="' + esc2(s.id) + '" style="display:flex;align-items:center;gap:0.6rem;padding:0.7rem 1.1rem;border-top:1px solid #21262d;cursor:pointer;' + (cur ? 'background:rgba(124,58,237,0.12)' : '') + '">' +
+          '<span style="width:8px;height:8px;border-radius:50%;flex-shrink:0;background:' + (s.alive ? '#3fb950' : '#6e7681') + '"></span>' +
+          '<div style="flex:1;min-width:0">' +
+            '<div style="font-size:0.9rem;color:#e6edf3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc2(s.title || '(无标题)') + ' ' + (cur ? '<span style="font-size:0.68rem;color:#7c3aed">· 当前</span>' : '') + '</div>' +
+            '<div style="font-size:0.72rem;color:#8b949e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc2(sub) + '</div>' +
+            (tags ? '<div style="display:flex;flex-wrap:wrap;gap:0.25rem;margin-top:0.25rem">' + tags + '</div>' : '') +
+          '</div></div>';
+      };
+      const groupHdr = (label, n) => '<div style="padding:0.5rem 1.1rem 0.3rem;color:#8b949e;font-size:0.72rem;font-weight:600;background:#0d1117">' + esc2(label) + ' · <span style="font-weight:400">' + n + '</span></div>';
+      const pushInto = (map, key, s) => { if (!map.has(key)) map.set(key, []); map.get(key).push(s); };
+
+      const buildBody = () => {
+        if (!sessions.length) return '<div style="padding:1rem;color:#8b949e;text-align:center">暂无其他会话</div>';
+        if (mode === 'project') {
+          const g = new Map();
+          for (const s of sessions) pushInto(g, (s.cwd || '').replace(/\\/g, '/').split('/').filter(Boolean).slice(-1)[0] || '(默认目录)', s);
+          return [...g.entries()].sort((a, b) => switchSessTime(b[1][0]) - switchSessTime(a[1][0]))
+            .map(([name, arr]) => groupHdr('📁 ' + name, arr.length) + arr.map(rowHTML).join('')).join('');
+        }
+        if (mode === 'tag') {
+          const g = new Map(); const untag = [];
+          for (const s of sessions) { const ts = s.tags || []; if (!ts.length) { untag.push(s); continue; } for (const t of ts) pushInto(g, t, s); }
+          let h = [...g.entries()].sort((a, b) => switchSessTime(b[1][0]) - switchSessTime(a[1][0]))
+            .map(([name, arr]) => groupHdr('🏷 ' + name, arr.length) + arr.map(rowHTML).join('')).join('');
+          if (untag.length) h += groupHdr('未分类', untag.length) + untag.map(rowHTML).join('');
+          return h;
+        }
+        return sessions.map(rowHTML).join('');
+      };
+
+      const overlay = document.createElement('div');
+      overlay.style.cssText = 'position:fixed;inset:0;z-index:120;background:rgba(0,0,0,0.6);display:flex;align-items:flex-end;justify-content:center';
+      const box = document.createElement('div');
+      box.style.cssText = 'background:#161b22;border-radius:18px 18px 0 0;width:100%;max-width:640px;max-height:78vh;display:flex;flex-direction:column;padding-bottom:max(0.8rem,env(safe-area-inset-bottom))';
+      const segBtn = (m, label) => '<button class="sw-seg" data-m="' + m + '" style="background:' + (mode === m ? '#7c3aed' : 'none') + ';color:' + (mode === m ? '#fff' : '#8b949e') + ';border:none;font-size:0.74rem;padding:0.3rem 0.7rem;cursor:pointer;' + (m !== 'time' ? 'border-left:1px solid #30363d' : '') + '">' + label + '</button>';
+      box.innerHTML = '<div style="padding:0.75rem 1.1rem 0.5rem;display:flex;justify-content:space-between;align-items:center;gap:0.5rem">' +
+          '<span style="font-size:0.85rem;font-weight:600;color:#e6edf3">切换会话（' + sessions.length + '）</span>' +
+          '<div style="display:flex;align-items:center;gap:0.5rem">' +
+            '<div style="display:inline-flex;border:1px solid #30363d;border-radius:7px;overflow:hidden">' + segBtn('time', '最近') + segBtn('project', '项目') + segBtn('tag', '标签') + '</div>' +
+            '<button id="sw-home" style="background:none;border:1px solid #30363d;color:#8b949e;font-size:0.72rem;padding:0.25rem 0.6rem;border-radius:6px;cursor:pointer">＋ 新建</button>' +
+          '</div>' +
+        '</div>' +
+        '<div id="sw-body" style="overflow:auto">' + buildBody() + '</div>' +
+        '<button id="sw-cancel" style="margin:0.5rem 1.1rem 0;background:none;border:1px solid #30363d;color:#8b949e;font-size:0.85rem;padding:0.7rem;border-radius:10px;cursor:pointer">取消</button>';
+      overlay.appendChild(box);
+      const close = () => overlay.remove();
+      overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });
+      box.querySelector('#sw-cancel').onclick = close;
+      box.querySelector('#sw-home').onclick = () => { window.location.href = '/'; };
+      const bindRows = () => box.querySelectorAll('[data-sid]').forEach(row => row.onclick = () => {
+        const sid = row.dataset.sid;
+        if (sid && sid !== SESSION_ID) window.location.href = '/terminal/' + sid;
+        else close();
+      });
+      bindRows();
+      box.querySelectorAll('.sw-seg').forEach(b => b.onclick = () => {
+        mode = b.dataset.m;
+        localStorage.setItem('myhi_group_mode', mode);
+        box.querySelectorAll('.sw-seg').forEach(x => { const on = x.dataset.m === mode; x.style.background = on ? '#7c3aed' : 'none'; x.style.color = on ? '#fff' : '#8b949e'; });
+        box.querySelector('#sw-body').innerHTML = buildBody();
+        bindRows();
+      });
+      document.body.appendChild(overlay);
+    };
+
     function scrollToBottom() { requestAnimationFrame(() => { chatArea.scrollTop = chatArea.scrollHeight; }); }
     function trimMessages() {
       if (_userScrolledUp) return; // 用户在往上翻历史，禁用自动删
@@ -2431,11 +2438,34 @@
     ];
     let currentModelId = '';
 
-    // ── AskUserQuestion 弹窗 ──
-    // 多题模式状态：{ qList, answers: [{ question, label } | null] }
-    let askMultiState = null;
+    // ── AskUserQuestion 弹窗（累加多题）──
+    // AI 一轮里可能连发多个 AskUserQuestion 调用；旧逻辑每次 openAskSheet 都清空覆盖，
+    // 导致只看到最后一题、其余被顶掉无法回答。改为把本轮所有提问累加进同一弹窗，
+    // 多题一次答完；跨重渲染保留已选答案；去重防同一题被 assistant 事件+独立 tool_use 事件各触发一次。
+    let _askQuestions = [];
+    let askMultiState = null; // { answers: [{question,label}|null] }，下标与 _askQuestions 对齐
+
+    function _normalizeAsk(input) {
+      const q = input?.questions || input?.question;
+      const list = Array.isArray(q)
+        ? q
+        : [{ question: (typeof q === 'string' ? q : '') || input?.question || '请选择', options: input?.options, header: input?.header }];
+      return list.map((x) => ({
+        question: x.question || x.text || '',
+        options: x.options || x.choices || [],
+        header: x.header,
+      }));
+    }
+
     window.openAskSheet = function(input) {
-      const questions = input?.questions || input?.question;
+      for (const q of _normalizeAsk(input)) {
+        if (!q.question || !_askQuestions.some((e) => e.question === q.question)) _askQuestions.push(q);
+      }
+      if (!_askQuestions.length) return;
+      _renderAskSheet();
+    };
+
+    function _renderAskSheet() {
       const sheet = document.getElementById('ask-sheet');
       const title = document.getElementById('ask-sheet-title');
       const body = document.getElementById('ask-sheet-body');
@@ -2443,62 +2473,53 @@
       const inputWrap = document.getElementById('ask-sheet-input-wrap');
       const btnMulti = document.getElementById('ask-sheet-submit-multi');
       const btnSingle = document.getElementById('ask-sheet-submit-single');
-      body.innerHTML = '';
-      inp.value = '';
-
-      // 区分单题/多题。questions 是非空数组且 length>1 才进入批量模式
-      const isMulti = Array.isArray(questions) && questions.length > 1;
-      const qList = Array.isArray(questions)
-        ? questions
-        : [{ question: questions || input?.question || '请选择', options: input?.options, header: input?.header }];
 
-      // 标题：多题用首题 header 或通用文案，单题保持原行为
-      title.textContent = (qList[0] && qList[0].header) || input?.header || (isMulti ? `提问（${qList.length} 题）` : '提问');
+      const qList = _askQuestions;
+      const isMulti = qList.length > 1;
+      if (!askMultiState) askMultiState = { answers: [] };
+      while (askMultiState.answers.length < qList.length) askMultiState.answers.push(null);
 
+      title.textContent = (qList[0] && qList[0].header) || (isMulti ? '提问（' + qList.length + ' 题）' : '提问');
       if (isMulti) {
-        askMultiState = { qList, answers: new Array(qList.length).fill(null) };
         inputWrap.style.display = 'none';
         btnSingle.style.display = 'none';
         btnMulti.style.display = '';
       } else {
-        askMultiState = null;
         inputWrap.style.display = '';
         btnSingle.style.display = '';
         btnMulti.style.display = 'none';
       }
 
+      body.innerHTML = '';
       qList.forEach((q, qIdx) => {
-        const qText = q.question || q.text || '';
+        const qText = q.question || '';
         const block = document.createElement('div');
         block.className = isMulti ? 'ask-q-block' : '';
-
         if (isMulti) {
           const label = document.createElement('div');
           label.className = 'ask-q-label';
-          label.textContent = `Q${qIdx + 1}`;
+          label.textContent = 'Q' + (qIdx + 1);
           block.appendChild(label);
         }
         if (qText) {
           const desc = document.createElement('div');
-          if (isMulti) {
-            desc.className = 'ask-q-text';
-            desc.textContent = qText;
-          } else {
-            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;
-          }
+          if (isMulti) { desc.className = 'ask-q-text'; desc.textContent = qText; }
+          else { 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; }
           block.appendChild(desc);
         }
         if (q.options?.length) {
-          q.options.forEach((opt, optIdx) => {
+          q.options.forEach((opt) => {
             const item = document.createElement('div');
             item.className = 'action-sheet-item';
             const label = opt.label || opt.value || String(opt);
-            item.innerHTML = `<div><div>${escHtml(label)}</div>${opt.description ? `<div class="desc">${escHtml(opt.description)}</div>` : ''}</div><span class="check" style="display:none">✓</span>`;
+            item.innerHTML = '<div><div>' + escHtml(label) + '</div>' + (opt.description ? '<div class="desc">' + escHtml(opt.description) + '</div>' : '') + '</div><span class="check" style="display:none">✓</span>';
+            if (isMulti && askMultiState.answers[qIdx]?.label === label) {
+              item.classList.add('ask-opt-selected');
+              const c = item.querySelector('.check'); if (c) c.style.display = '';
+            }
             item.onclick = () => {
               if (isMulti) {
-                // 单选切换：清掉同题其它选中态，标记当前
-                Array.from(block.querySelectorAll('.action-sheet-item')).forEach(el => {
+                Array.from(block.querySelectorAll('.action-sheet-item')).forEach((el) => {
                   el.classList.remove('ask-opt-selected');
                   const c = el.querySelector('.check'); if (c) c.style.display = 'none';
                 });
@@ -2507,7 +2528,7 @@
                 askMultiState.answers[qIdx] = { question: qText, label };
                 refreshAskMultiSubmit();
               } else {
-                closeAskSheet();
+                _clearAsk();
                 addInputMessage(label);
                 socket.emit('agent:query', { prompt: label });
                 showThinking();
@@ -2522,33 +2543,42 @@
       if (isMulti) refreshAskMultiSubmit();
       sheet.classList.add('open');
       if (!isMulti) inp.focus();
-    };
+    }
+
     function refreshAskMultiSubmit() {
       const btn = document.getElementById('ask-sheet-submit-multi');
       if (!askMultiState) return;
-      const remaining = askMultiState.answers.filter(a => !a).length;
+      const n = _askQuestions.length;
+      const remaining = n - askMultiState.answers.slice(0, n).filter(Boolean).length;
       btn.disabled = remaining > 0;
-      btn.textContent = remaining > 0 ? `还剩 ${remaining} 题未答` : '提交回答';
+      btn.textContent = remaining > 0 ? '还剩 ' + remaining + ' 题未答' : '提交回答';
     }
+
+    function _clearAsk() {
+      _askQuestions = [];
+      askMultiState = null;
+      const inp = document.getElementById('ask-sheet-input');
+      if (inp) inp.value = '';
+      document.getElementById('ask-sheet').classList.remove('open');
+    }
+
     window.submitAskMulti = function() {
       if (!askMultiState) return;
-      const { answers } = askMultiState;
-      if (answers.some(a => !a)) return;
-      const reply = answers.map((a, i) => `Q${i + 1}: ${a.question}\nA: ${a.label}`).join('\n\n');
-      closeAskSheet();
-      askMultiState = null;
+      const n = _askQuestions.length;
+      const answers = askMultiState.answers.slice(0, n);
+      if (answers.some((a) => !a)) return;
+      const reply = answers.map((a, i) => 'Q' + (i + 1) + ': ' + a.question + '\nA: ' + a.label).join('\n\n');
+      _clearAsk();
       addInputMessage(reply);
       socket.emit('agent:query', { prompt: reply });
       showThinking();
     };
-    window.closeAskSheet = function() {
-      document.getElementById('ask-sheet').classList.remove('open');
-    };
+    window.closeAskSheet = function() { _clearAsk(); };
     window.submitAskReply = function() {
       const inp = document.getElementById('ask-sheet-input');
       const text = inp.value.trim();
       if (!text) return;
-      closeAskSheet();
+      _clearAsk();
       addInputMessage(text);
       socket.emit('agent:query', { prompt: text });
       showThinking();