@wendongfly/myhi 1.3.184 → 1.3.186

package/dist/chat.html

@@ -157,7 +157,7 @@
     .sub-act .k { color: var(--muted); }
     .sub-summary { background: var(--surface); border: 1px solid var(--surface2); border-radius: 6px; padding: 0.4rem 0.5rem; margin-top: 0.35rem; font-size: 0.75rem; white-space: pre-wrap; word-break: break-word; max-height: 260px; overflow-y: auto; }
 
-    /* 往上翻看历史时来了新消息 → 底部浮动「↓ 新消息」按钮，点击回到底部 */
+    /* 往上翻看历史（含 ☰ 定位跳转后）→ 底部浮动「↓ 回到底部」，期间来了新消息变「↓ 新消息」；点击回到底部 */
     #new-msg-btn { position: fixed; left: 50%; transform: translateX(-50%); bottom: 92px; z-index: 60; background: var(--blue2, #4a9eff); color: #fff; border: none; border-radius: 16px; padding: 0.35rem 0.95rem; font-size: 0.78rem; font-weight: 600; cursor: pointer; box-shadow: 0 3px 10px rgba(0,0,0,0.35); display: none; }
     #new-msg-btn.show { display: block; }
     #new-msg-btn:active { opacity: 0.8; }
@@ -198,10 +198,16 @@
     .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; }
+    .raw-copy, .cp-btn { 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); }
+    .raw-copy:hover, .cp-btn:hover { color: var(--text); border-color: var(--blue); }
     @media (hover: none) { .raw-copy { opacity: 0.85; } }
+    /* 消息里其他带框内容（代码块/表格/diff/工具详情…）同款复制按钮，见 attachCopyBtns */
+    .cpw, .cp-host { position: relative; }
+    .cp-btn { user-select: none; }
+    .cpw:hover > .cp-btn, .cp-host:hover > .cp-btn, .cp-btn.done { opacity: 1; }
+    .tool-body:not(.open) + .cp-btn { display: none; }
+    @media (hover: none) { .cp-btn { 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; }
@@ -667,7 +673,7 @@
     </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.45rem;line-height:1.5">本机名称、@ 引用范围、语音识别、账户等对所有任务生效的设置，统一放在首页的 ⚙ 设置里。这里的「外观 / 聊天 / 快捷栏」只影响当前这台设备。</div>
+      <div style="font-size:0.72rem;color:var(--muted);margin-bottom:0.45rem;line-height:1.5">本机名称、语音识别、账户等对所有任务生效的设置，统一放在首页的 ⚙ 设置里。这里的「外观 / 聊天 / 快捷栏」只影响当前这台设备。</div>
       <button onclick="location.href='/?settings=1'" style="width:100%;background:var(--blue2);color:#fff;border:none;border-radius:8px;padding:0.55rem;font-size:0.82rem;cursor:pointer">前往首页 ⚙ 设置 →</button>
     </div>
     <div class="setting-group" data-stab="more" style="display:none">
@@ -685,8 +691,8 @@
     </div>
   </div>
 
-  <!-- 往上翻历史时来新消息的浮动提示，点击回到底部 -->
-  <button id="new-msg-btn" onclick="jumpToBottom()">↓ 新消息</button>
+  <!-- 往上翻历史时的浮动按钮（来了新消息时提示「新消息」），点击回到底部 -->
+  <button id="new-msg-btn" onclick="jumpToBottom()">↓ 回到底部</button>
 
   <!-- 模型选择面板 -->
   <!-- 会话数据面板：上下文水位 + 本会话成本/token 明细（点顶栏水位 chip 打开）-->
@@ -2318,6 +2324,51 @@
       return ok;
     }
 
+    function copyFlash(btn, ok) {
+      btn.textContent = ok ? '已复制' : '复制失败';
+      btn.classList.add('done');
+      clearTimeout(btn._t);
+      btn._t = setTimeout(() => { btn.textContent = '复制'; btn.classList.remove('done'); }, 1500);
+    }
+
+    // 消息里所有「带框」内容右上角都给复制按钮：代码块、表格（复制成制表符分隔，可直接粘进 Excel）、
+    // diff、工具调用详情、子代理汇总、历史块、压缩摘要。工具原始输出（.msg-raw）有自己的按钮。
+    // 渲染点很多（流式每个 chunk 都重写 innerHTML），统一用 MutationObserver 补挂，不逐处改。
+    const COPY_SEL = '.msg-assistant .content pre, .md-table, .msg-diff, .tool-body, .sub-summary, .msg-synthetic .syn-body, .msg-history .code-block';
+    function copyableText(el) {
+      if (el.tagName === 'TABLE') return [...el.rows].map(r => [...r.cells].map(c => c.innerText.trim()).join('\t')).join('\n');
+      const nodes = [...el.childNodes].filter(n => !n.classList?.contains('cp-btn'));
+      // diff 每行是一个 <div>，按行拼；其余（pre / pre-wrap 文本）textContent 自带换行
+      if (el.classList.contains('msg-diff')) return nodes.map(n => n.textContent).join('\n');
+      return nodes.map(n => n.textContent).join('').replace(/\n+$/, '');
+    }
+    function attachCopyBtns() {
+      chatArea.querySelectorAll(COPY_SEL).forEach(el => {
+        if (el._cpBtn?.isConnected || el.closest('.msg-raw')) return;
+        const btn = document.createElement('button');
+        btn.className = 'cp-btn';
+        btn.textContent = '复制';
+        btn.title = el.tagName === 'TABLE' ? '复制表格（可直接粘贴到 Excel）' : '复制';
+        btn.onclick = async (e) => { e.stopPropagation(); copyFlash(btn, await copyText(copyableText(el))); };
+        if (el.classList.contains('msg')) {
+          // 本身就是一条 .msg（diff）：不能套壳，否则 trimMessages / lastElementChild 认不出
+          el.classList.add('cp-host'); el.appendChild(btn);
+        } else {
+          // 套一层壳挂按钮：代码块/工具详情自己会横竖滚动，按钮放里面会跟着滚走
+          const w = document.createElement('div');
+          w.className = 'cpw';
+          el.before(w); w.append(el, btn);
+        }
+        el._cpBtn = btn;
+      });
+    }
+    let _cpPending = false;
+    new MutationObserver(() => {
+      if (_cpPending) return;
+      _cpPending = true;
+      requestAnimationFrame(() => { _cpPending = false; attachCopyBtns(); });
+    }).observe(chatArea, { childList: true, subtree: true });
+
     // 工具输出局部/全部显示。默认跟设置 rawClip；用户点过按钮的块记在 dataset.open，内容追加时保持。
     // 只有内容真的超出 8 行高度才出按钮；回放时元素可能还在 fragment 里没上屏，等上屏再量。
     function rawClipSync(msg, tries = 0) {
@@ -2329,13 +2380,7 @@
         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);
-        };
+        cp.onclick = async () => copyFlash(cp, await copyText(block.textContent.replace(/\n+$/, '')));
         msg.appendChild(cp);
       }
       const clip = msg.dataset.open ? msg.dataset.open !== '1' : settings.rawClip !== false;
@@ -2911,9 +2956,12 @@
 
     chatArea.addEventListener('scroll', () => {
       // 用户主动往上翻 → 禁用自动 trim，避免被删
-      if (chatArea.scrollTop < chatArea.scrollHeight - chatArea.clientHeight - 100) {
+      const dist = chatArea.scrollHeight - chatArea.clientHeight - chatArea.scrollTop;
+      if (dist > 100) {
         _userScrolledUp = true;
-      } else if (chatArea.scrollTop > chatArea.scrollHeight - chatArea.clientHeight - 20) {
+        // 离底部超过 300px（翻看历史 / ☰ 定位跳到旧消息）→ 露出「↓ 回到底部」，一键回来
+        if (dist > 300) setBottomBtn(true);
+      } else if (dist < 20) {
         // 回到接近底部 → 恢复 trim + 隐藏新消息提示
         _userScrolledUp = false;
         hideNewMsgHint();
@@ -3207,7 +3255,7 @@
     //   输入框里打出 @词（@ 后无空白）时浮出文件搜索层：递归搜会话目录、
     //   最近修改优先；选中把 @词 替换成真实相对路径。「让 AI 读某个文件」
     //   不再需要手打文件名。也可在 📄 文件面板点「引用」达到同样效果。
-    const _mention = { open: false, start: -1, items: [], idx: 0, browse: null, seq: 0 };
+    const _mention = { open: false, start: -1, items: [], idx: 0, browse: null, seq: 0, lock: '', token: null };
     const _mentionBox = document.createElement('div');
     _mentionBox.id = 'mention-box';
     document.body.appendChild(_mentionBox);
@@ -3217,6 +3265,10 @@
     function mentionToken() {
       const pos = cmdInput.selectionStart ?? cmdInput.value.length;
       const val = cmdInput.value;
+      // 逐层进了带空格的文件夹（@My Docs/）：认我们自己写进去的路径前缀，不按空白截断
+      const L = _mention.open && _mention.lock;
+      if (L && val[_mention.start] === '@' && val.startsWith(L, _mention.start + 1) && pos >= _mention.start + 1 + L.length
+          && !/\s/.test(val.slice(_mention.start + 1 + L.length, pos))) return { start: _mention.start };
       const from = val.lastIndexOf('@', Math.max(0, pos - 1));
       if (from < 0) return null;
       if (from > 0 && /[A-Za-z0-9._%-]/.test(val[from - 1])) return null;  // 邮箱等普通文本不触发
@@ -3228,12 +3280,21 @@
       _mention.open = false;
       _mention.browse = null;
       _mention.items = [];
+      _mention.lock = '';
+      _mention.token = null;
       _mentionBox.style.display = 'none';
     }
 
-    // 两种模式：只打 @ = 分层浏览（_mention.browse 记当前层，点文件夹进入下一层）；
-    // @ 后打了字 = 全局递归搜索（服务端已排好：本项目在前、项目外在后，匹配度优先）
-    const MENTION_GROUP = { own: '本项目', ext: '项目外' };
+    // 仿 Claude Code：@ 后是路径形态（含 / 或 \、C:、~）→ 按路径逐层浏览（本机任意目录，成员限本项目/绑定目录）；
+    // 只打 @ = 从本项目第一层开始浏览；@ 后打了普通字 = 本项目递归搜索。
+    function mentionPathParts(token) {
+      const t = token.replace(/\\/g, '/');
+      if (/^[A-Za-z]:$/.test(t)) return { dir: t + '/', q: '' };
+      if (t === '~') return { dir: '~/', q: '' };
+      const i = t.lastIndexOf('/');
+      return i < 0 ? null : { dir: t.slice(0, i + 1), q: t.slice(i + 1) };
+    }
+
     function mentionRowHTML(f, i) {
       const on = i === _mention.idx ? 'on' : '';
       if (f.act === 'up') return `<div class="mi ${on}" data-i="${i}"><span class="m-ico">⬆</span><span class="m-name">上一级</span></div>`;
@@ -3242,21 +3303,28 @@
       const cut = f.label ? -1 : path.lastIndexOf('/');
       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 ico = f.dir ? (f.drive ? '💽' : '📁') : (isEditableFile(name) ? '📝' : '📄');
       const hint = f.nav ? '进入 ›' : f.dir ? (f.abs ? '项目外目录' : '文件夹') : (f.abs ? '项目外' : '引用');
       return `<div class="mi ${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>`;
     }
 
     function mentionRender() {
       const b = _mention.browse;
-      let html = b && b.crumb ? `<div class="mi-head">📂 ${escHtml(b.crumb)}</div>` : '';
-      let group = null;
-      _mention.items.forEach((f, i) => {
-        if (f.group && f.group !== group && !(b && b.crumb)) { group = f.group; html += `<div class="mi-head">${MENTION_GROUP[group]}</div>`; }
-        html += mentionRowHTML(f, i);
-      });
-      if (!_mention.items.some(f => !f.act)) html += `<div class="mi-empty">${b ? '这个文件夹是空的' : '没有匹配的文件'}</div>`;
-      if (b && _mention.items.some(f => f.nav)) html += '<div class="mi-tip">回车/点击进入文件夹 · Tab 直接引用文件夹 · 打字可全局搜索</div>';
+      let html = '';
+      if (b) {
+        const crumb = b.rel ? '本项目' + (b.dir ? ' / ' + b.dir.replace(/\/+$/, '').split('/').join(' / ') : '')
+          : (b.abs === '/' && b.win ? '本机磁盘' : b.abs || b.dir);
+        html += `<div class="mi-head">📂 ${escHtml(crumb)}</div>`;
+      }
+      _mention.items.forEach((f, i) => { html += mentionRowHTML(f, i); });
+      if (b?.err) html += `<div class="mi-empty" style="color:var(--red)">${escHtml(b.err)}</div>`;
+      else if (!_mention.items.some(f => !f.act)) html += `<div class="mi-empty">${b && !b.q ? '这个文件夹是空的' : '没有匹配的文件'}</div>`;
+      if (b && !b.err) {
+        const tips = [];
+        if (_mention.items.some(f => f.nav)) tips.push('回车进入文件夹 · Tab 直接引用文件夹');
+        if (!b.dir) tips.push('打字搜索本项目 · 项目外打 ' + (b.win ? '@D: 或 @\\' : '@/') + '、@~/ 逐层浏览');
+        if (tips.length) html += `<div class="mi-tip">${escHtml(tips.join(' · '))}</div>`;
+      }
       _mentionBox.innerHTML = html;
       const r = cmdInput.getBoundingClientRect();
       _mentionBox.style.left = Math.max(8, r.left) + 'px';
@@ -3269,77 +3337,94 @@
 
     function mentionSearch(token) {
       clearTimeout(_mentionTimer);
+      const seq = _mention.seq;
       _mentionTimer = setTimeout(async () => {
         try {
           const r = await fetch(`/api/files/${SESSION_ID}/search?q=${encodeURIComponent(token)}`);
           const d = await r.json();
-          if (!_mention.open || _mention.browse || !d.ok) return;
-          _mention.items = (d.files || []).map(f => ({ ...f, group: f.abs ? 'ext' : 'own' }));
+          if (seq !== _mention.seq || !_mention.open || !d.ok) return;
+          _mention.items = d.files || [];
           _mention.idx = 0;
           mentionRender();
         } catch { mentionClose(); }
       }, 140);
     }
 
-    // 分层浏览：root=null 顶层（本项目第一层 + 项目外根目录），-1 本项目内，i 第 i 个项目外根目录内
-    async function mentionBrowse(root, path) {
-      const seq = ++_mention.seq;
-      try {
-        const qs = root === null ? '' : `?root=${root}&path=${encodeURIComponent(path)}`;
-        const r = await fetch(`/api/files/${SESSION_ID}/at-browse${qs}`);
-        const d = await r.json();
-        if (seq !== _mention.seq || !_mention.open || !d.ok) return;
-        const items = [];
-        let crumb = '';
-        if (root !== null) {
-          const rootFull = path ? d.self.slice(0, -(path.length + 1)) : d.self;
-          const rootLabel = root === -1 ? '本项目' : '项目外 · ' + (rootFull.split('/').pop() || rootFull);
-          crumb = rootLabel + (path ? ' / ' + path.split('/').join(' / ') : '');
-          items.push({ act: 'up' });
-          if (path || root !== -1) items.push({ act: 'self', name: d.self, dir: true, abs: root !== -1 });
-        }
-        d.entries.forEach(e => items.push({ ...e, root: root === null ? -1 : root, nav: e.dir, group: root === null ? 'own' : null }));
-        (d.roots || []).forEach(x => items.push({ name: x.name, dir: true, abs: true, root: x.i, rel: '', nav: true, group: 'ext' }));
-        _mention.browse = { root, path, crumb };
-        _mention.items = items;
-        _mention.idx = Math.max(0, items.findIndex(f => !f.act));   // 默认落在第一个条目上，不是「上一级」
-        mentionRender();
-      } catch { mentionClose(); }
+    // 按路径列一层：dir 为 @ 后最后一个斜杠及之前（原样，服务端解析 ~ / C: / 相对路径），q 为最后一段
+    function mentionList(dir, q) {
+      clearTimeout(_mentionTimer);
+      const seq = _mention.seq;
+      _mentionTimer = setTimeout(async () => {
+        try {
+          const r = await fetch(`/api/files/${SESSION_ID}/at-ls?dir=${encodeURIComponent(dir)}&q=${encodeURIComponent(q)}`);
+          const d = await r.json();
+          if (seq !== _mention.seq || !_mention.open) return;
+          if (!d.ok) { _mention.browse = { dir, q, err: d.error || '读取失败' }; _mention.items = []; mentionRender(); return; }
+          // 插入输入框的路径：本项目内用相对路径；项目外一律绝对路径（~ 已由服务端展开），AI 直接按它读
+          const absBase = d.abs === '/' ? '' : d.abs.replace(/\/+$/, '');
+          const pickName = (label) => d.rel ? dir + label : (d.abs === '/' && d.win ? label : absBase + '/' + label);
+          const items = [];
+          if (!q && dir) {
+            items.push({ act: 'up' });
+            if (!(d.abs === '/' && d.win)) items.push({ act: 'self', name: d.rel ? dir.replace(/\/+$/, '') : absBase || '/', dir: true, abs: !d.rel });   // 盘符列表本身不能引用
+          }
+          d.entries.forEach(e => items.push({ label: e.label, name: pickName(e.label), dir: e.dir, nav: e.dir, abs: !d.rel, drive: d.abs === '/' && d.win, typed: dir + e.label + '/' }));
+          _mention.browse = { dir, q, ...d };
+          _mention.items = items;
+          _mention.idx = Math.max(0, items.findIndex(f => !f.act));   // 默认落在第一个条目上，不是「上一级」
+          mentionRender();
+        } catch { mentionClose(); }
+      }, 90);
     }
 
     function mentionUpdate() {
       const t = mentionToken();
       if (!t) return mentionClose();
       const token = cmdInput.value.slice(t.start + 1, cmdInput.selectionStart ?? cmdInput.value.length);
-      const wasOpen = _mention.open && _mention.start === t.start;
+      const same = _mention.open && _mention.start === t.start && _mention.token === token;
+      if (_mention.start !== t.start) _mention.lock = '';
       _mention.open = true;
       _mention.start = t.start;
-      if (!token) {
-        // 已在浏览某一层就别重置（keyup 等事件会反复进来）；新打开或从搜索删回空才回顶层
-        if (!(wasOpen && _mention.browse)) { _mention.browse = { root: null, path: '', crumb: '' }; mentionBrowse(null, ''); }
-        return;
-      }
-      _mention.browse = null;
+      if (same) return;                     // keyup 等事件会反复进来，token 没变不重复请求
+      _mention.token = token;
       _mention.seq++;
+      const pp = token ? mentionPathParts(token) : { dir: '', q: '' };
+      if (pp) return mentionList(pp.dir, pp.q);
+      _mention.browse = null;
       mentionSearch(token);
     }
 
-    // 回车/点击：文件夹（浏览模式）进入、上一级返回、其余引用；Tab = 文件夹也直接引用
+    // 把 @ 后面（到光标）替换成新的路径并继续浏览——「进入文件夹 / 上一级」都是改输入框里的路径，和手打等价
+    function mentionGoto(tok) {
+      const pos = cmdInput.selectionStart ?? cmdInput.value.length;
+      const before = cmdInput.value.slice(0, _mention.start + 1);
+      cmdInput.value = before + tok + cmdInput.value.slice(pos);
+      const caret = (before + tok).length;
+      cmdInput.setSelectionRange(caret, caret);
+      _mention.lock = /\s/.test(tok) ? tok : '';
+      cmdInput.focus();
+      mentionUpdate();
+    }
+
+    // 回车/点击：文件夹进入、上一级返回、其余引用；Tab = 文件夹也直接引用
     function mentionActivate(f, pickDir) {
       if (!f) return;
+      const b = _mention.browse;
       if (f.act === 'up') {
-        const b = _mention.browse;
-        if (b.root !== null && b.path) mentionBrowse(b.root, b.path.includes('/') ? b.path.slice(0, b.path.lastIndexOf('/')) : '');
-        else mentionBrowse(null, '');
-        return;
+        if (b.rel) {
+          const segs = b.dir.split('/').filter(Boolean);
+          return mentionGoto(!segs.length || segs[segs.length - 1] === '..' ? b.dir + '../' : (segs.pop(), segs.length ? segs.join('/') + '/' : ''));
+        }
+        if (!b.parent) return;
+        return mentionGoto(b.parent === '/' ? '/' : b.parent.replace(/\/+$/, '') + '/');
       }
-      if (f.nav && !pickDir) return mentionBrowse(f.root, f.rel);
+      if (f.nav && !pickDir) return mentionGoto(f.typed);
       mentionPick(f);
     }
 
     function mentionPick(f) {
       // 目录带尾斜杠插入（「迁移到 docs/」一眼看出是文件夹），文件带空格结尾
-      const path = f.name + (f.dir ? '/' : '');
+      const path = f.name.replace(/\/+$/, '') + (f.dir ? '/' : '');
       const pos = cmdInput.selectionStart ?? cmdInput.value.length;
       const before = cmdInput.value.slice(0, _mention.start);
       const after = cmdInput.value.slice(pos);
@@ -3458,10 +3543,10 @@
       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>：打 <b>@</b> 从本项目逐层浏览、打字搜索；项目外打 <b>@D:</b>、<b>@/</b>、<b>@~/</b> 按路径逐层浏览；选中插路径；或点「文件」面板的 <b>@</b> 引用。<br>
         <b>工具/思考</b>：AI 干活的过程默认折叠，点「🔧 N 个工具调用」展开看命令与输出。<br>
         <b>AI 忙时</b>：输入框变「存草稿」，先记着干完取回；勾自动接力会自动发出。<br>
-        <b>定位旧消息</b>：电脑上鼠标移到聊天区，右下角 ☰ 可列出你发过的消息点击跳转。<br>
+        <b>定位旧消息</b>：电脑上鼠标移到聊天区，右下角 ☰ 可列出你发过的消息点击跳转；看完点底部「↓ 回到底部」一键回来。<br>
         <b>常用按钮</b>：模型/计划/压缩/恢复/清除/密钥/护栏/提交——普通用户可在设置→快捷栏精简。<br>
         <span style="color:var(--muted)">更多说明见首页顶栏 ❓ 帮助。</span>`;
       const closeBtn = document.createElement('button');
@@ -4139,8 +4224,16 @@
       if (_userScrolledUp) { showNewMsgHint(); return; }
       requestAnimationFrame(() => { chatArea.scrollTop = chatArea.scrollHeight; });
     }
-    function showNewMsgHint() { const b = document.getElementById('new-msg-btn'); if (b) b.classList.add('show'); }
-    function hideNewMsgHint() { const b = document.getElementById('new-msg-btn'); if (b) b.classList.remove('show'); }
+    let _newBelow = false;   // 翻看历史期间底下来了新消息 → 按钮文案变「↓ 新消息」
+    function setBottomBtn(show) {
+      const b = document.getElementById('new-msg-btn'); if (!b) return;
+      b.textContent = _newBelow ? '↓ 新消息' : '↓ 回到底部';
+      // 贴着聊天区底边上方：输入框/快捷栏高度随设备和内容变，写死 bottom 在手机上会压住输入框
+      if (show) b.style.bottom = Math.max(12, window.innerHeight - chatArea.getBoundingClientRect().bottom + 12) + 'px';
+      b.classList.toggle('show', show);
+    }
+    function showNewMsgHint() { _newBelow = true; setBottomBtn(true); }
+    function hideNewMsgHint() { _newBelow = false; setBottomBtn(false); }
     window.jumpToBottom = function() { _userScrolledUp = false; hideNewMsgHint(); requestAnimationFrame(() => { chatArea.scrollTop = chatArea.scrollHeight; }); };
     function trimMessages() {
       if (_userScrolledUp) return; // 用户在往上翻历史，禁用自动删