@wendongfly/myhi 1.3.175 → 1.3.179

package/dist/chat.html

@@ -9,6 +9,7 @@
   <link rel="manifest" href="/manifest.json">
   <link rel="apple-touch-icon" href="/icon.png">
   <title>myhi 会话</title>
+  <script src="/lib/machine.js"></script>
   <script src="/sio-client/socket.io.min.js"></script>
   <script>
     (function(){try{
@@ -189,6 +190,17 @@
 
     /* 原始输出（降级） */
     .msg-raw .code-block { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 0.6rem 0.75rem; font-family: 'SF Mono', 'Consolas', monospace; font-size: 0.8rem; line-height: 1.35; white-space: pre-wrap; word-break: break-all; overflow-x: auto; }
+    /* 工具输出局部显示：只露前 8 行 + 底部渐隐，按钮展开/收起（设置→聊天可改默认全部） */
+    .msg-raw.clip .code-block { max-height: calc(0.8rem * 1.35 * 8 + 1.2rem); overflow: hidden; position: relative; }
+    .msg-raw.clip .code-block::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2.2em; background: linear-gradient(transparent, var(--surface)); pointer-events: none; }
+    .raw-toggle { display: block; margin: 0.25rem 0 0 auto; font-size: 0.68rem; color: var(--muted); background: var(--surface2); border: 1px solid var(--border); border-radius: 4px; padding: 0.1rem 0.5rem; cursor: pointer; white-space: nowrap; }
+    .raw-toggle:hover { color: var(--text); border-color: var(--blue); }
+    /* 工具输出复制：右上角，桌面端悬停才现身，触屏常显 */
+    .msg-raw { position: relative; }
+    .raw-copy { position: absolute; top: 0.35rem; right: 0.35rem; z-index: 1; font-size: 0.68rem; color: var(--muted); background: var(--surface2); border: 1px solid var(--border); border-radius: 4px; padding: 0.1rem 0.45rem; cursor: pointer; opacity: 0; transition: opacity 0.15s; }
+    .msg-raw:hover .raw-copy, .raw-copy.done { opacity: 1; }
+    .raw-copy:hover { color: var(--text); border-color: var(--blue); }
+    @media (hover: none) { .raw-copy { opacity: 0.85; } }
 
     /* 历史和状态 */
     .msg-history .code-block { background: var(--bg); border: 1px solid var(--surface2); border-radius: 8px; padding: 0.6rem 0.75rem; font-family: 'SF Mono', 'Consolas', monospace; font-size: 0.75rem; line-height: 1.3; white-space: pre-wrap; word-break: break-all; color: var(--muted); max-height: 300px; overflow-y: auto; }
@@ -456,6 +468,7 @@
       <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 01-2.83 2.83l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/></svg>
     </button>
     <button class="top-btn" id="ctx-chip" onclick="openCtxSheet()" title="会话数据：上下文水位 / 成本 / token 明细" style="display:none;width:auto;padding:0 0.5rem;white-space:nowrap;font-size:0.7rem;color:var(--muted)">◈ --</button>
+    <button class="top-btn" onclick="openChatHelp()" title="使用说明" style="font-size:0.7rem;color:var(--muted)">?</button>
     <button class="top-btn" onclick="openFilePanel()" title="文件" style="font-size:0.7rem;color:var(--muted)">文件</button>
     <button class="top-btn" onclick="openSwitchSheet()" title="切换会话" style="font-size:0.7rem;color:var(--muted)">切换</button>
     <button class="top-btn" onclick="goBack()" title="返回">
@@ -625,6 +638,7 @@
       <label class="setting-toggle"><span>显示思考过程</span><input type="checkbox" id="set-thinking" checked></label>
       <label class="setting-toggle"><span>工具调用默认折叠</span><input type="checkbox" id="set-collapse" checked></label>
       <label class="setting-toggle"><span>思考过程默认折叠</span><input type="checkbox" id="set-thinkcollapse" checked></label>
+      <label class="setting-toggle"><span>工具输出只显示前 8 行（可展开）</span><input type="checkbox" id="set-rawclip" checked></label>
     </div>
     <div class="setting-group" data-stab="chat" style="display:none">
       <h4>输入</h4>
@@ -648,6 +662,25 @@
       </div>
       <div id="sk-visible-list" style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.15rem 0.6rem;margin-top:0.5rem"></div>
     </div>
+    <div class="setting-group" data-stab="more" style="display:none">
+      <h4>本机名称</h4>
+      <div style="font-size:0.72rem;color:var(--muted);margin-bottom:0.35rem;line-height:1.5">多台电脑都跑 myhi 时用来区分：浏览器标题以它开头，标签图标按名字自动配色。留空 = 用电脑主机名。</div>
+      <div style="display:flex;gap:0.4rem">
+        <input id="set-machine-name" class="slash-inp" maxlength="32" autocomplete="off" style="flex:1;font-size:0.82rem">
+        <button onclick="saveMachineName()" style="background:var(--blue2);color:#fff;border:none;border-radius:8px;padding:0.4rem 0.8rem;font-size:0.78rem;cursor:pointer;white-space:nowrap">保存</button>
+      </div>
+      <div id="set-machine-status" style="font-size:0.72rem;min-height:1.2em;margin-top:0.25rem;color:var(--muted)"></div>
+    </div>
+    <div class="setting-group" data-stab="more" style="display:none">
+      <h4>@ 引用范围（项目外）</h4>
+      <div style="font-size:0.72rem;color:var(--muted);margin-bottom:0.35rem;line-height:1.5">允许 @ 补全引用任务目录之外的目录（如公共资料库），命中以绝对路径插入、AI 直接按绝对路径读取。</div>
+      <div id="atroots-list"></div>
+      <div style="display:flex;gap:0.4rem;margin-top:0.4rem">
+        <input id="atroot-new" class="slash-inp" placeholder="例如 D:\资料库" autocomplete="off" style="flex:1;font-size:0.82rem">
+        <button onclick="addAtRoot()" style="background:var(--blue2);color:#fff;border:none;border-radius:8px;padding:0.4rem 0.8rem;font-size:0.78rem;cursor:pointer;white-space:nowrap">添加</button>
+      </div>
+      <div id="atroot-status" style="font-size:0.72rem;min-height:1.2em;margin-top:0.25rem;color:var(--muted)"></div>
+    </div>
     <div class="setting-group" data-stab="more" style="display:none">
       <h4>语音识别 (ASR)</h4>
       <div style="font-size:0.72rem;color:var(--muted);margin-bottom:0.35rem">SenseVoice 或兼容服务的地址，留空表示禁用语音</div>
@@ -1188,7 +1221,7 @@
     // 快捷栏：skVisible 逐按钮勾选（唯一显隐依据，null=默认全显）；skMode 仅记录最接近的预设（高亮用）
     const SK_LABELS = { draft:'📥 草稿', folder:'📂 文件夹', model:'模型', plan:'计划', compact:'压缩', resume:'恢复', clear:'清除', secrets:'🔑 密钥', guard:'🛡 护栏', followup:'🔄 跟进', git:'提交', memory:'记忆', skills:'技能', cost:'费用' };
     const SK_NORMAL_PRESET = ['draft', 'folder', 'plan', 'clear', 'guard', 'memory', 'skills'];
-    const DEFAULT_SETTINGS = { parseOutput: true, showThinking: true, collapseTools: true, thinkCollapsed: true, enterMode: 'auto', skMode: null, skVisible: null };
+    const DEFAULT_SETTINGS = { parseOutput: true, showThinking: true, collapseTools: true, thinkCollapsed: true, rawClip: true, enterMode: 'auto', skMode: null, skVisible: null };
     let settings = loadSettings();
 
     function loadSettings() { try { return { ...DEFAULT_SETTINGS, ...JSON.parse(localStorage.getItem('myhi_chat_settings')) }; } catch { return { ...DEFAULT_SETTINGS }; } }
@@ -1283,6 +1316,36 @@
     updateEnterHint();
     syncSkModeUI();
 
+    // ── @ 引用范围（项目外目录）：客户自助配置，@ 补全可引用这些目录 ──
+    let _atRoots = null;
+    function renderAtRoots() {
+      const el = document.getElementById('atroots-list');
+      if (!el) return;
+      el.innerHTML = (_atRoots || []).length
+        ? _atRoots.map((r, i) => `<div style="display:flex;align-items:center;gap:0.4rem;padding:0.25rem 0;font-size:0.78rem"><span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${escHtml(r)}">📁 ${escHtml(r)}</span><button class="dr-btn" onclick="delAtRoot(${i})">删</button></div>`).join('')
+        : '<div style="font-size:0.72rem;color:var(--muted)">（未配置——@ 只搜任务目录）</div>';
+    }
+    function loadAtRoots() {
+      return fetch('/api/atroots').then(r => r.json()).then(d => { _atRoots = d.roots || []; renderAtRoots(); }).catch(() => {});
+    }
+    async function saveAtRoots(roots) {
+      const st = document.getElementById('atroot-status');
+      try {
+        const r = await fetch('/api/atroots', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ roots }) });
+        const d = await r.json();
+        if (!d.ok) { st.textContent = '保存失败：' + (d.error || ''); return false; }
+        _atRoots = d.roots; renderAtRoots(); st.textContent = '已保存';
+        return true;
+      } catch (e) { st.textContent = '保存出错：' + e.message; return false; }
+    }
+    window.addAtRoot = function() {
+      const inp = document.getElementById('atroot-new');
+      const v = inp.value.trim();
+      if (!v) return;
+      saveAtRoots([...(_atRoots || []), v]).then(ok => { if (ok) inp.value = ''; });
+    };
+    window.delAtRoot = function(i) { saveAtRoots((_atRoots || []).filter((_, j) => j !== i)); };
+
     // 输出累积
     let outputBuffer = '';
     let outputTimer = null;
@@ -2079,6 +2142,7 @@
         block.innerHTML = renderAnsiHtml(text);
         el.appendChild(block);
         parent.appendChild(el);
+        rawClipSync(el);
         return;
       }
 
@@ -2259,6 +2323,7 @@
           // 限制单块行数
           const lines = block.innerHTML.split('\n');
           if (lines.length > 300) block.innerHTML = lines.slice(-200).join('\n');
+          rawClipSync(last);
           scrollToBottom();
           return;
         }
@@ -2270,10 +2335,68 @@
       block.innerHTML = renderAnsiHtml(raw);
       msg.appendChild(block);
       chatArea.appendChild(msg);
+      rawClipSync(msg);
       trimMessages();
       scrollToBottom();
     }
 
+    // 复制到剪贴板。HTTP 访问（非安全上下文）没有 navigator.clipboard，退回 textarea + execCommand
+    async function copyText(text) {
+      try {
+        if (navigator.clipboard && window.isSecureContext) { await navigator.clipboard.writeText(text); return true; }
+      } catch {}
+      const ta = document.createElement('textarea');
+      ta.value = text;
+      ta.setAttribute('readonly', '');
+      ta.style.cssText = 'position:fixed;top:0;left:0;opacity:0;pointer-events:none';
+      document.body.appendChild(ta);
+      ta.select(); ta.setSelectionRange(0, text.length);   // iOS 需要 setSelectionRange
+      let ok = false;
+      try { ok = document.execCommand('copy'); } catch {}
+      ta.remove();
+      return ok;
+    }
+
+    // 工具输出局部/全部显示。默认跟设置 rawClip；用户点过按钮的块记在 dataset.open，内容追加时保持。
+    // 只有内容真的超出 8 行高度才出按钮；回放时元素可能还在 fragment 里没上屏，等上屏再量。
+    function rawClipSync(msg, tries = 0) {
+      if (!msg.isConnected) { if (tries < 30) requestAnimationFrame(() => rawClipSync(msg, tries + 1)); return; }
+      const block = msg.querySelector('.code-block');
+      if (!block) return;
+      if (!msg.querySelector('.raw-copy')) {
+        const cp = document.createElement('button');
+        cp.className = 'raw-copy';
+        cp.textContent = '复制';
+        cp.title = '复制全部输出';
+        cp.onclick = async () => {
+          const ok = await copyText(block.textContent.replace(/\n+$/, ''));
+          cp.textContent = ok ? '已复制' : '复制失败';
+          cp.classList.add('done');
+          clearTimeout(cp._t);
+          cp._t = setTimeout(() => { cp.textContent = '复制'; cp.classList.remove('done'); }, 1500);
+        };
+        msg.appendChild(cp);
+      }
+      const clip = msg.dataset.open ? msg.dataset.open !== '1' : settings.rawClip !== false;
+      msg.classList.add('clip');                       // 先按局部高度量一次，判断是否超出
+      const overflow = block.scrollHeight > block.clientHeight + 2;
+      msg.classList.toggle('clip', clip && overflow);
+      let btn = msg.querySelector('.raw-toggle');
+      if (!overflow) { btn?.remove(); return; }
+      if (!btn) {
+        btn = document.createElement('button');
+        btn.className = 'raw-toggle';
+        btn.onclick = () => {
+          msg.dataset.open = msg.classList.contains('clip') ? '1' : '0';
+          rawClipSync(msg);
+          if (msg.dataset.open === '0') msg.scrollIntoView({ block: 'nearest' });   // 收起后别让视口停在空白处
+        };
+        msg.appendChild(btn);
+      }
+      const n = block.textContent.replace(/\n+$/, '').split('\n').length;
+      btn.textContent = msg.classList.contains('clip') ? `展开全部（共 ${n} 行）` : '收起';
+    }
+
     function addHistoryBlock(raw) {
       if (!stripAnsi(raw).trim()) return;
       let lines = raw.split('\n');
@@ -3152,7 +3275,7 @@
       const dir = cut >= 0 ? path.slice(0, cut + 1) : '';
       const name = cut >= 0 ? path.slice(cut + 1) : path;
       const ico = f.dir ? '📁' : (isEditableFile(name) ? '📝' : '📄');
-      const hint = f.dir ? '文件夹' : '引用';
+      const hint = f.dir ? (f.abs ? '项目外目录' : '文件夹') : (f.abs ? '项目外' : '引用');
       return `<div class="mi ${i === _mention.idx ? 'on' : ''}" data-i="${i}"><span class="m-ico">${ico}</span><span class="m-dir">${escHtml(dir)}</span><span class="m-name">${escHtml(name)}</span><span class="m-hint">${hint}</span></div>`;
     }
 
@@ -3209,10 +3332,22 @@
     cmdInput.addEventListener('input', (e) => { if (!e.isComposing) mentionUpdate(); });
     cmdInput.addEventListener('keyup', (e) => { if (!['ArrowUp','ArrowDown','Escape','Enter'].includes(e.key)) mentionUpdate(); });
     cmdInput.addEventListener('blur', () => setTimeout(mentionClose, 120));  // 等候选中的 pointerdown 先落地
+    // 触摸滚动 vs 点击区分：pointerdown 只防 textarea 失焦并记起点，
+    // pointerup 时位移 <8px 才选中——否则手机上滚清单的手势一起就误引用（1.3.176 用户反馈）
+    let _mentionDown = null;
     _mentionBox.addEventListener('pointerdown', (e) => {
       const row = e.target.closest('.mi[data-i]');
-      if (row) { e.preventDefault(); mentionPick(_mention.items[Number(row.dataset.i)]); }
+      if (row) e.preventDefault();
+      _mentionDown = row ? { x: e.clientX, y: e.clientY, row } : null;
+    });
+    _mentionBox.addEventListener('pointerup', (e) => {
+      const d = _mentionDown; _mentionDown = null;
+      if (!d) return;
+      if (Math.abs(e.clientX - d.x) >= 8 || Math.abs(e.clientY - d.y) >= 8) return; // 滚动手势
+      const row = e.pointerType === 'touch' ? d.row : e.target.closest('.mi[data-i]');
+      if (row) mentionPick(_mention.items[Number(row.dataset.i)]);
     });
+    _mentionBox.addEventListener('pointercancel', () => { _mentionDown = null; });
     window.addEventListener('resize', () => { if (_mention.open) mentionClose(); });
 
     cmdInput.addEventListener('keydown', (e) => {
@@ -3289,7 +3424,34 @@
     }
 
     // ── 设置面板 ──────────────────────────────────
-    window.openSettings = function() { document.getElementById('settings-backdrop').classList.add('open'); document.getElementById('settings-panel').classList.add('open'); syncSettingsUI(); applySettingsTab(localStorage.getItem('myhi_settings_tab') || 'look'); };
+    // ── 会话内使用说明（精简版；完整版在首页 ❓ 帮助）──────────────
+    window.openChatHelp = function() {
+      overlay.innerHTML = '';
+      overlay.classList.remove('hidden');
+      const wrap = document.createElement('div');
+      wrap.style.cssText = 'position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,0.55)';
+      const box = document.createElement('div');
+      box.style.cssText = 'max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.1rem;font-size:0.82rem;line-height:1.75;color:var(--text);max-height:80vh;overflow-y:auto';
+      box.innerHTML = `
+        <div style="font-size:1rem;font-weight:700;margin-bottom:0.5rem">💬 会话怎么用</div>
+        <b>发消息</b>：像聊天一样把需求说清楚即可；触屏回车=换行，用发送键发送。<br>
+        <b>让它读文件</b>：打 <b>@</b> 弹文件搜索（含设置里配的项目外目录），选中插路径；或点「文件」面板的 <b>@</b> 引用。<br>
+        <b>工具/思考</b>：AI 干活的过程默认折叠，点「🔧 N 个工具调用」展开看命令与输出。<br>
+        <b>AI 忙时</b>：输入框变「存草稿」，先记着干完取回；勾自动接力会自动发出。<br>
+        <b>定位旧消息</b>：电脑上鼠标移到聊天区，右下角 ☰ 可列出你发过的消息点击跳转。<br>
+        <b>常用按钮</b>：模型/计划/压缩/恢复/清除/密钥/护栏/提交——普通用户可在设置→快捷栏精简。<br>
+        <span style="color:var(--muted)">更多说明见首页顶栏 ❓ 帮助。</span>`;
+      const closeBtn = document.createElement('button');
+      closeBtn.textContent = '知道了';
+      closeBtn.style.cssText = 'display:block;margin:0.8rem auto 0;background:var(--blue2);color:#fff;border:none;border-radius:8px;padding:0.5rem 1.4rem;font-size:0.85rem;cursor:pointer';
+      closeBtn.onclick = () => overlay.classList.add('hidden');
+      box.appendChild(closeBtn);
+      wrap.appendChild(box);
+      wrap.onclick = (e) => { if (e.target === wrap) overlay.classList.add('hidden'); };
+      overlay.appendChild(wrap);
+    };
+
+    window.openSettings = function() { document.getElementById('settings-backdrop').classList.add('open'); document.getElementById('settings-panel').classList.add('open'); syncSettingsUI(); loadAtRoots(); applySettingsTab(localStorage.getItem('myhi_settings_tab') || 'look'); };
     // 设置抽屉分类页签（1.3.174：一屏只看一类，不再长条堆叠）
     function applySettingsTab(tab) {
       document.querySelectorAll('#settings-tabs .stab').forEach(b => b.classList.toggle('active', b.dataset.tab === tab));
@@ -3828,17 +3990,49 @@
       document.getElementById('set-thinking').checked = settings.showThinking;
       document.getElementById('set-collapse').checked = settings.collapseTools;
       document.getElementById('set-thinkcollapse').checked = settings.thinkCollapsed !== false;
+      document.getElementById('set-rawclip').checked = settings.rawClip !== false;
       syncEnterModeUI();
       syncSkModeUI();
       // 从服务端加载 ASR URL
       fetch('/api/server-config').then(r => r.json()).then(d => {
         document.getElementById('set-asr-url').value = d.asrUrl || '';
       }).catch(() => {});
+      fetch('/api/machine-name').then(r => r.json()).then(d => {
+        const inp = document.getElementById('set-machine-name');
+        inp.placeholder = d.hostname || '';
+        inp.value = d.name === d.hostname ? '' : (d.name || '');
+        inp.disabled = !!d.fromEnv;
+        document.getElementById('set-machine-status').textContent = d.fromEnv ? '已由环境变量 MYHI_NAME 指定，此处不可改' : '';
+      }).catch(() => {});
     }
     document.getElementById('set-parse').addEventListener('change', (e) => { settings.parseOutput = e.target.checked; saveSettings(); });
     document.getElementById('set-thinking').addEventListener('change', (e) => { settings.showThinking = e.target.checked; saveSettings(); });
     document.getElementById('set-collapse').addEventListener('change', (e) => { settings.collapseTools = e.target.checked; saveSettings(); });
     document.getElementById('set-thinkcollapse').addEventListener('change', (e) => { settings.thinkCollapsed = e.target.checked; saveSettings(); });
+    document.getElementById('set-rawclip').addEventListener('change', (e) => {
+      settings.rawClip = e.target.checked; saveSettings();
+      // 已渲染的输出块立即跟随新默认（用户手动点过的块也一并重置）
+      chatArea.querySelectorAll('.msg-raw').forEach(m => { delete m.dataset.open; rawClipSync(m); });
+    });
+
+    window.saveMachineName = async function() {
+      const statusEl = document.getElementById('set-machine-status');
+      try {
+        const resp = await fetch('/api/machine-name', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ name: document.getElementById('set-machine-name').value.trim() }),
+        });
+        const data = await resp.json();
+        if (!data.ok) throw new Error(data.error || '未知错误');
+        window.myhiSetMachineName?.(data.name);
+        statusEl.style.color = 'var(--green)';
+        statusEl.textContent = `已保存：${data.name}（其他已打开的页面刷新后生效）`;
+      } catch (e) {
+        statusEl.style.color = 'var(--red)';
+        statusEl.textContent = '保存失败: ' + e.message;
+      }
+    };
 
     window.saveAsrUrl = async function() {
       const url = document.getElementById('set-asr-url').value.trim();