@wendongfly/myhi 1.3.180 → 1.3.182

package/dist/chat.html

@@ -410,8 +410,6 @@
     .dr-text { color: var(--text); font-size: 0.82rem; line-height: 1.5; word-break: break-word; white-space: pre-wrap; }
     .dr-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 0.6rem; margin-top: 0.35rem; font-size: 0.66rem; color: var(--muted); }
     .dr-acts { display: flex; gap: 0.4rem; margin-left: auto; flex-shrink: 0; }
-    .atpick-row { padding: 0.42rem 0.7rem; cursor: pointer; color: var(--text2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-    .atpick-row:hover { background: var(--surface2); color: var(--text); }
     .dr-btn { flex-shrink: 0; white-space: nowrap; padding: 0.28rem 0.7rem; font-size: 0.72rem; border: none; border-radius: 6px; background: var(--surface2); color: var(--text2); cursor: pointer; }
     .dr-btn.take { background: var(--green); color: #fff; font-weight: 600; }
     .dr-btn:active { opacity: 0.75; }
@@ -665,48 +663,9 @@
       <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">除了任务目录，再把常用的资料文件夹（如公共资料库）加进来，打 @ 时也能搜到里面的文件。</div>
-      <div id="atroots-list"></div>
-      <button id="atpick-open" onclick="openAtPicker()" style="width:100%;margin-top:0.4rem;background:var(--blue2);color:#fff;border:none;border-radius:8px;padding:0.5rem;font-size:0.8rem;cursor:pointer">📁 选择文件夹添加…</button>
-      <div id="atpick" style="display:none;margin-top:0.4rem;border:1px solid var(--border);border-radius:10px;overflow:hidden">
-        <div id="atpick-drives" style="display:none;gap:0.3rem;padding:0.4rem 0.5rem 0;flex-wrap:wrap"></div>
-        <div style="display:flex;align-items:center;gap:0.35rem;padding:0.4rem 0.5rem;border-bottom:1px solid var(--border)">
-          <button id="atpick-up" class="dr-btn" onclick="atPickUp()" title="上一级">⬆ 上一级</button>
-          <span id="atpick-cur" style="flex:1;min-width:0;font-size:0.72rem;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left"></span>
-        </div>
-        <div id="atpick-list" style="max-height:200px;overflow-y:auto;scrollbar-width:thin;font-size:0.8rem"></div>
-        <div style="display:flex;gap:0.4rem;padding:0.45rem 0.5rem;border-top:1px solid var(--border)">
-          <button class="dr-btn" onclick="closeAtPicker()" style="flex:1;padding:0.45rem">取消</button>
-          <button onclick="addAtPicked()" style="flex:2;background:var(--blue2);color:#fff;border:none;border-radius:6px;padding:0.45rem;font-size:0.78rem;cursor:pointer">✓ 添加当前文件夹</button>
-        </div>
-      </div>
-      <details style="margin-top:0.35rem;font-size:0.72rem;color:var(--muted)">
-        <summary style="cursor:pointer">手动输入路径</summary>
-        <div style="display:flex;gap:0.4rem;margin-top:0.35rem">
-          <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>
-      </details>
-      <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>
-      <div style="display:flex;gap:0.4rem">
-        <input id="set-asr-url" class="slash-inp" placeholder="http://192.168.x.x:8765" autocomplete="off" style="flex:1;font-size:0.82rem">
-        <button onclick="saveAsrUrl()" 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-asr-status" style="font-size:0.72rem;min-height:1.2em;margin-top:0.25rem;color:var(--muted)"></div>
+      <h4>全局设置</h4>
+      <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">
       <h4>服务管理</h4>
@@ -1334,93 +1293,6 @@
     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)); };
-
-    // 文件夹点选（复用 /api/dirs 目录浏览）：普通用户不会敲绝对路径，点进去选中即可
-    let _atPick = { current: '', parent: null };
-    window.openAtPicker = function() {
-      document.getElementById('atpick').style.display = '';
-      document.getElementById('atpick-open').style.display = 'none';
-      atPickGo('');
-    };
-    window.closeAtPicker = function() {
-      document.getElementById('atpick').style.display = 'none';
-      document.getElementById('atpick-open').style.display = '';
-    };
-    window.atPickGo = async function(path) {
-      const list = document.getElementById('atpick-list');
-      list.innerHTML = '<div style="padding:0.6rem;color:var(--muted);font-size:0.75rem">读取中…</div>';
-      try {
-        const r = await fetch('/api/dirs' + (path ? '?path=' + encodeURIComponent(path) : ''));
-        const d = await r.json();
-        if (!r.ok) throw new Error(d.error || r.status);
-        _atPick = d;
-        const cur = document.getElementById('atpick-cur');
-        cur.textContent = '\u200e' + d.current;   // rtl 截断时保留路径尾部；LRM 防标点跑位
-        cur.title = d.current;
-        document.getElementById('atpick-up').disabled = !d.parent;
-        document.getElementById('atpick-up').style.opacity = d.parent ? '' : '0.4';
-        const dv = document.getElementById('atpick-drives');
-        dv.style.display = (d.drives || []).length ? 'flex' : 'none';
-        dv.innerHTML = '';
-        (d.drives || []).forEach(dr => {
-          const b = document.createElement('button');
-          b.className = 'dr-btn';
-          b.textContent = '💽 ' + dr.replace(/\\$/, '');
-          if (d.current.toUpperCase().startsWith(dr.toUpperCase())) b.style.cssText = 'background:var(--blue2);color:#fff';
-          b.onclick = () => atPickGo(dr);
-          dv.appendChild(b);
-        });
-        list.innerHTML = '';
-        if (!d.dirs.length) list.innerHTML = '<div style="padding:0.6rem;color:var(--muted);font-size:0.75rem">（没有子文件夹）</div>';
-        d.dirs.forEach(x => {
-          const row = document.createElement('div');
-          row.className = 'atpick-row';
-          row.textContent = '📁 ' + x.name;
-          row.onclick = () => atPickGo(x.path);
-          list.appendChild(row);
-        });
-      } catch (e) {
-        list.innerHTML = '<div style="padding:0.6rem;color:var(--red);font-size:0.75rem">读取失败：' + escHtml(String(e.message || e)) +
-          (String(e.message).includes('权限') ? '（仅管理员可浏览目录，可展开下方「手动输入路径」）' : '') + '</div>';
-      }
-    };
-    window.atPickUp = function() { if (_atPick.parent) atPickGo(_atPick.parent); };
-    window.addAtPicked = async function() {
-      const p = _atPick.current;
-      if (!p) return;
-      if ((_atRoots || []).includes(p)) { document.getElementById('atroot-status').textContent = '这个文件夹已经在列表里了'; return; }
-      if (await saveAtRoots([...(_atRoots || []), p])) closeAtPicker();
-    };
-
     // 输出累积
     let outputBuffer = '';
     let outputTimer = null;
@@ -2415,6 +2287,15 @@
       scrollToBottom();
     }
 
+    // 解析接口 JSON。升级后没重启 server 时，新页面调新接口会拿到 Express 的 404 HTML，
+    // 直接 .json() 只报「Unexpected token '<'」，用户看不懂 → 换成明确的处理建议
+    async function readApiJson(resp) {
+      const text = await resp.text();
+      try { return JSON.parse(text); } catch {}
+      if (resp.status === 404 || /^\s*</.test(text)) throw new Error('服务端还是旧版本——升级后需要重启 myhi（设置→更多→重启 myhi）');
+      throw new Error(`服务端返回异常（HTTP ${resp.status}）`);
+    }
+
     // 复制到剪贴板。HTTP 访问（非安全上下文）没有 navigator.clipboard，退回 textarea + execCommand
     async function copyText(text) {
       try {
@@ -3526,7 +3407,7 @@
       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'); };
+    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'); };
     // 设置抽屉分类页签（1.3.174：一屏只看一类，不再长条堆叠）
     function applySettingsTab(tab) {
       document.querySelectorAll('#settings-tabs .stab').forEach(b => b.classList.toggle('active', b.dataset.tab === tab));
@@ -4068,17 +3949,6 @@
       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(); });
@@ -4090,50 +3960,6 @@
       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();
-      const statusEl = document.getElementById('set-asr-status');
-      statusEl.style.color = 'var(--muted)';
-      statusEl.textContent = '保存中...';
-      try {
-        const resp = await fetch('/api/server-config', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ asrUrl: url }),
-        });
-        const data = await resp.json();
-        if (data.ok) {
-          statusEl.style.color = 'var(--green)';
-          statusEl.textContent = url ? '已保存，重启后生效（如已设置 ASR_URL 环境变量则以环境变量为准）' : '已清空';
-        } else {
-          statusEl.style.color = 'var(--red)';
-          statusEl.textContent = '保存失败: ' + (data.error || '未知错误');
-        }
-      } catch (e) {
-        statusEl.style.color = 'var(--red)';
-        statusEl.textContent = '请求失败: ' + e.message;
-      }
-    };
-
     window.restartMyhi = async function() {
       if (!confirm('确认重启 myhi 服务？\n重启期间连接会短暂中断，页面将自动重连。')) return;
       try {

package/dist/index.html

@@ -57,7 +57,8 @@
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: 0 1rem;
+      gap: 0.75rem;
+      padding: 0 0.75rem;
       padding-top: max(1rem, env(safe-area-inset-top));
       padding-bottom: 0.75rem;
       background: var(--bg);
@@ -96,6 +97,35 @@
       font-size: 0.75rem; padding: 0.3rem 0.6rem; border-radius: 6px; cursor: pointer;
       width: auto; white-space: nowrap; flex-shrink: 0;
     }
+    .hd-btn:hover { color: var(--text); border-color: var(--border2); }
+    #user-name { max-width: 7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+    /* ── 设置 sheet（全局设置收口：外观 / 本机名称 / @ 引用范围 / 语音 / 账户 / 服务）── */
+    #set-backdrop { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 30; }
+    #set-sheet { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 31; max-width: 640px; margin: 0 auto;
+      background: var(--surface); border-radius: 16px 16px 0 0; padding: 0 1rem calc(1rem + env(safe-area-inset-bottom)); max-height: 88vh; overflow-y: auto; }
+    #set-sheet.open, #set-backdrop.open { display: block; }
+    .set-sec { padding: 0.75rem 0; border-top: 1px solid var(--border); }
+    .sheet-title + .set-sec { border-top: none; padding-top: 0; }
+    .set-sec h4 { font-size: 0.85rem; font-weight: 600; margin-bottom: 0.2rem; display: flex; align-items: center; gap: 0.4rem; }
+    .set-scope { font-size: 0.66rem; font-weight: 400; color: var(--muted); border: 1px solid var(--border2); border-radius: 4px; padding: 0 0.3rem; }
+    .set-hint { font-size: 0.72rem; color: var(--muted); line-height: 1.5; margin-bottom: 0.4rem; }
+    .set-status { font-size: 0.72rem; min-height: 1.1em; margin-top: 0.25rem; color: var(--muted); }
+    .set-row { display: flex; gap: 0.4rem; }
+    .set-inp { flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; color: var(--text); font-size: 0.82rem; padding: 0.45rem 0.6rem; outline: none; }
+    .set-inp:focus { border-color: var(--accent); }
+    .set-btn { flex-shrink: 0; white-space: nowrap; background: var(--accent); color: #fff; border: none; border-radius: 8px; padding: 0.45rem 0.85rem; font-size: 0.78rem; cursor: pointer; }
+    .set-btn.ghost { background: var(--bg); color: var(--text2); border: 1px solid var(--border); }
+    .set-btn.danger { background: transparent; color: var(--red); border: 1px solid var(--red); }
+    .set-seg { display: flex; gap: 0.35rem; flex-wrap: wrap; }
+    .set-seg button { flex: 1; min-width: 3rem; background: var(--bg); color: var(--muted); border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem 0.3rem; font-size: 0.8rem; cursor: pointer; white-space: nowrap; }
+    .set-seg button.on { background: var(--accent); border-color: var(--accent); color: #fff; }
+    .set-sub { font-size: 0.75rem; color: var(--text2); margin: 0.5rem 0 0.3rem; }
+    .atr-row { display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0; font-size: 0.78rem; }
+    .atr-row span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .atpick-row { padding: 0.42rem 0.7rem; cursor: pointer; color: var(--text2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.8rem; }
+    .atpick-row:hover { background: var(--bg); color: var(--text); }
+    .dr-btn { flex-shrink: 0; white-space: nowrap; padding: 0.28rem 0.7rem; font-size: 0.72rem; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text2); cursor: pointer; }
     /* 手机（≤540px）：藏用户名、文字标签只留图标，一行放下且不憋屈 */
     @media (max-width: 540px) {
       #user-name { display: none; }
@@ -522,20 +552,18 @@
     <div class="logo">my<span>hi</span></div>
     <div class="hd-actions">
       <span id="user-name" style="font-size:0.8rem;color:var(--muted)"></span>
-      <button id="grid-btn" class="hd-btn" onclick="location.href='/grid'" title="分屏工作台（多任务并排）">▦ 分屏</button>
-      <button id="appearance-btn" class="hd-btn" onclick="openAppearance()" title="外观">🎨</button>
-      <button id="help-btn" class="hd-btn" onclick="openHelpSheet()" title="使用说明 / 快速上手">❓<span class="hd-txt"> 帮助</span></button>
+      <button id="grid-btn" class="hd-btn" onclick="location.href='/grid'" title="分屏工作台（多任务并排）">▦<span class="hd-txt"> 分屏</span></button>
       <button id="doctor-btn" class="hd-btn" onclick="openDoctor()" title="会话体检">🩺<span class="hd-txt"> 体检</span></button>
       <button id="usage-btn" class="hd-btn" onclick="showUsage()" title="用量">📊<span class="hd-txt"> 用量</span></button>
-      <button id="passwd-btn" class="hd-btn" onclick="openPasswdSheet()" title="修改我的密码" style="display:none">🔑<span class="hd-txt"> 改密码</span></button>
-      <button id="logout-btn" class="hd-btn" onclick="doLogout()" style="display:none">退出</button>
+      <button id="help-btn" class="hd-btn" onclick="openHelpSheet()" title="使用说明 / 快速上手">❓<span class="hd-txt"> 帮助</span></button>
+      <button id="settings-btn" class="hd-btn" onclick="openSettings()" title="设置（外观 / 本机名称 / @ 引用范围 / 语音 / 账户）">⚙<span class="hd-txt"> 设置</span></button>
       <div id="conn-dot"></div>
     </div>
   </div>
 
   <!-- 升级管理已移至 /admin -->
 
-  <div id="view-controls" style="display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem">
+  <div id="view-controls" style="display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem 0.75rem 0">
     <!-- 会话搜索：任务多了光看标题认不出，连首条消息/目录/标签一起搜 -->
     <div style="display:flex;align-items:center;gap:0.4rem">
       <input id="sess-search" type="search" placeholder="搜任务：标题 / 首条需求 / 目录 / 标签"
@@ -625,6 +653,77 @@
   <button onclick="closeNoteSheet()" style="width:100%;background:var(--bg,var(--bg));color:var(--muted,var(--muted));border:1px solid var(--border,var(--border));border-radius:10px;padding:0.65rem;font-size:0.85rem;cursor:pointer;margin-top:0.5rem">取消</button>
 </div>
 
+<!-- 设置 sheet：首页是全局设置的唯一入口（会话页 ⚙ 只管本设备的聊天显示/快捷栏） -->
+<div id="set-backdrop" onclick="closeSettings()"></div>
+<div id="set-sheet">
+  <div class="sheet-handle"></div>
+  <div class="sheet-title">⚙ 设置</div>
+  <div class="set-sec">
+    <h4>外观 <span class="set-scope">本设备</span></h4>
+    <div class="set-sub">主题</div>
+    <div class="set-seg" id="set-theme"></div>
+    <div class="set-sub">字号</div>
+    <div class="set-seg" id="set-font"></div>
+  </div>
+  <div class="set-sec">
+    <h4>本机名称 <span class="set-scope">全局</span></h4>
+    <div class="set-hint">多台电脑都跑 myhi 时用来区分：浏览器标题以它开头，标签图标按名字自动配色。留空 = 用电脑主机名。</div>
+    <div class="set-row">
+      <input id="set-machine-name" class="set-inp" maxlength="32" autocomplete="off">
+      <button class="set-btn" onclick="saveMachineName()">保存</button>
+    </div>
+    <div id="set-machine-status" class="set-status"></div>
+  </div>
+  <div class="set-sec">
+    <h4>@ 引用范围 <span class="set-scope">全局</span></h4>
+    <div class="set-hint">除了任务目录，再把常用的资料文件夹（如公共资料库）加进来，打 @ 时也能搜到里面的文件。</div>
+    <div id="atroots-list"></div>
+    <button id="atpick-open" class="set-btn" onclick="openAtPicker()" style="width:100%;margin-top:0.4rem">📁 选择文件夹添加…</button>
+    <div id="atpick" style="display:none;margin-top:0.4rem;border:1px solid var(--border);border-radius:10px;overflow:hidden">
+      <div id="atpick-drives" style="display:none;gap:0.3rem;padding:0.4rem 0.5rem 0;flex-wrap:wrap"></div>
+      <div style="display:flex;align-items:center;gap:0.35rem;padding:0.4rem 0.5rem;border-bottom:1px solid var(--border)">
+        <button id="atpick-up" class="dr-btn" onclick="atPickUp()" title="上一级">⬆ 上一级</button>
+        <span id="atpick-cur" style="flex:1;min-width:0;font-size:0.72rem;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left"></span>
+      </div>
+      <div id="atpick-list" style="max-height:200px;overflow-y:auto;scrollbar-width:thin"></div>
+      <div style="display:flex;gap:0.4rem;padding:0.45rem 0.5rem;border-top:1px solid var(--border)">
+        <button class="set-btn ghost" onclick="closeAtPicker()" style="flex:1">取消</button>
+        <button class="set-btn" onclick="addAtPicked()" style="flex:2">✓ 添加当前文件夹</button>
+      </div>
+    </div>
+    <details style="margin-top:0.35rem;font-size:0.72rem;color:var(--muted)">
+      <summary style="cursor:pointer">手动输入路径</summary>
+      <div class="set-row" style="margin-top:0.35rem">
+        <input id="atroot-new" class="set-inp" placeholder="例如 D:\资料库" autocomplete="off">
+        <button class="set-btn" onclick="addAtRoot()">添加</button>
+      </div>
+    </details>
+    <div id="atroot-status" class="set-status"></div>
+  </div>
+  <div class="set-sec">
+    <h4>语音识别 (ASR) <span class="set-scope">全局</span></h4>
+    <div class="set-hint">SenseVoice 或兼容服务的地址，留空表示禁用语音。</div>
+    <div class="set-row">
+      <input id="set-asr-url" class="set-inp" placeholder="http://192.168.x.x:8765" autocomplete="off">
+      <button class="set-btn" onclick="saveAsrUrl()">保存</button>
+    </div>
+    <div id="set-asr-status" class="set-status"></div>
+  </div>
+  <div class="set-sec" id="set-account" style="display:none">
+    <h4>账户 <span id="set-account-name" class="set-scope"></span></h4>
+    <div class="set-row" style="margin-top:0.4rem">
+      <button id="passwd-btn" class="set-btn ghost" onclick="closeSettings();openPasswdSheet()" style="flex:1;display:none">🔑 修改密码</button>
+      <button id="logout-btn" class="set-btn danger" onclick="doLogout()" style="flex:1;display:none">退出登录</button>
+    </div>
+  </div>
+  <div class="set-sec">
+    <h4>服务</h4>
+    <div class="set-hint">聊天显示、回车键、快捷栏按钮在会话页的 ⚙ 设置里调（只影响本设备）。</div>
+    <button class="set-btn danger" onclick="restartMyhi()" style="width:100%">重启 myhi</button>
+    <div id="set-restart-status" class="set-status"></div>
+  </div>
+</div>
+
 <!-- 修改密码 sheet（成员用户自助改密；管理员改密码在 /admin） -->
 <div id="passwd-backdrop" onclick="closePasswdSheet()" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:30"></div>
 <div id="passwd-sheet" style="display:none;position:fixed;left:0;right:0;bottom:0;z-index:31;background:var(--surface);border-radius:16px 16px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto">
@@ -751,10 +850,13 @@
   fetch('/api/me').then(r => r.json()).then(data => {
     if ((data.exclusive || data.hasUsers) && data.name) {
       document.getElementById('user-name').textContent = data.name;
+      document.getElementById('set-account-name').textContent = data.name;
+      document.getElementById('set-account').style.display = '';
       document.getElementById('logout-btn').style.display = '';
     }
     // 成员用户（users.json 登录）才显示自助改密入口；管理员改密码在 /admin
     if (data.hasUsers && data.role === 'operator') {
+      document.getElementById('set-account').style.display = '';
       document.getElementById('passwd-btn').style.display = '';
     }
     if (data.dir) {
@@ -879,32 +981,177 @@
     const meta = document.querySelector('meta[name="theme-color"]');
     if (meta) meta.setAttribute('content', THEME_META[t] || '#0d1117');
   }
-  window.openAppearance = function() {
+  // ── 设置 sheet ─────────────────────────────────────────
+  const THEMES = [['system','跟随系统'],['dark','深色'],['light','浅色'],['black','纯黑']];
+  const FONTS = [['small','小'],['medium','中'],['large','大']];
+  function renderAppearance() {
     const t = localStorage.getItem('myhi_theme') || 'dark';
     const f = localStorage.getItem('myhi_font') || 'medium';
-    const overlay = document.createElement('div');
-    overlay.style.cssText = 'position:fixed;inset:0;z-index:80;background:rgba(0,0,0,0.55);display:flex;align-items:flex-end;justify-content:center';
-    const seg = (group, val, cur, label) => `<button data-g="${group}" data-v="${val}" style="flex:1;min-width:3rem;background:${val===cur?'var(--accent)':'var(--bg)'};color:${val===cur?'#fff':'var(--muted)'};border:1px solid ${val===cur?'var(--accent)':'var(--border)'};border-radius:8px;padding:0.5rem 0.3rem;font-size:0.82rem;cursor:pointer;white-space:nowrap">${label}</button>`;
-    const box = document.createElement('div');
-    box.style.cssText = 'background:var(--surface);border-radius:18px 18px 0 0;width:100%;max-width:640px;padding:0.5rem 1.1rem max(1rem,env(safe-area-inset-bottom))';
-    box.innerHTML = `<div class="sheet-handle"></div>
-      <div style="font-size:0.95rem;font-weight:600;margin-bottom:0.6rem">外观</div>
-      <div style="font-size:0.8rem;color:var(--text2);margin-bottom:0.35rem">主题</div>
-      <div style="display:flex;gap:0.35rem;flex-wrap:wrap">${seg('theme','system',t,'跟随系统')}${seg('theme','dark',t,'深色')}${seg('theme','light',t,'浅色')}${seg('theme','black',t,'纯黑')}</div>
-      <div style="font-size:0.8rem;color:var(--text2);margin:0.7rem 0 0.35rem">字号</div>
-      <div style="display:flex;gap:0.35rem">${seg('font','small',f,'小')}${seg('font','medium',f,'中')}${seg('font','large',f,'大')}</div>
-      <button id="ap-close" style="margin-top:0.9rem;width:100%;background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:0.85rem;padding:0.6rem;border-radius:10px;cursor:pointer">完成</button>`;
-    overlay.appendChild(box);
-    const close = () => overlay.remove();
-    overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });
-    box.querySelector('#ap-close').onclick = close;
-    box.querySelectorAll('button[data-g]').forEach(b => b.onclick = () => {
-      localStorage.setItem(b.dataset.g === 'theme' ? 'myhi_theme' : 'myhi_font', b.dataset.v);
-      applyAppearance();
-      close(); openAppearance();
-    });
-    document.body.appendChild(overlay);
+    const seg = (key, opts, cur) => opts.map(([v, l]) => `<button data-k="${key}" data-v="${v}" class="${v === cur ? 'on' : ''}">${l}</button>`).join('');
+    document.getElementById('set-theme').innerHTML = seg('myhi_theme', THEMES, t);
+    document.getElementById('set-font').innerHTML = seg('myhi_font', FONTS, f);
+  }
+  document.getElementById('set-sheet').addEventListener('click', (e) => {
+    const b = e.target.closest('button[data-k]');
+    if (!b) return;
+    localStorage.setItem(b.dataset.k, b.dataset.v);
+    applyAppearance(); renderAppearance();
+  });
+  function setStatus(id, text, color) {
+    const el = document.getElementById(id);
+    el.style.color = color ? `var(--${color})` : 'var(--muted)';
+    el.textContent = text;
+  }
+  async function readJson(r) {
+    // 旧 server 不认新接口时回的是 404 HTML，别让 JSON.parse 报一串天书
+    const txt = await r.text();
+    try { return JSON.parse(txt); } catch { throw new Error(r.status === 404 ? '服务端版本较旧，请重启 myhi 后再试' : `HTTP ${r.status}`); }
+  }
+
+  window.openSettings = function() {
+    renderAppearance();
+    ['set-machine-status', 'atroot-status', 'set-asr-status', 'set-restart-status'].forEach(id => setStatus(id, ''));
+    closeAtPicker();
+    document.getElementById('set-backdrop').classList.add('open');
+    document.getElementById('set-sheet').classList.add('open');
+    fetch('/api/machine-name').then(readJson).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;
+      if (d.fromEnv) setStatus('set-machine-status', '已由环境变量 MYHI_NAME 指定，此处不可改');
+    }).catch(() => {});
+    fetch('/api/server-config').then(readJson).then(d => {
+      document.getElementById('set-asr-url').value = d.asrUrl || '';
+    }).catch(() => {});
+    loadAtRoots();
   };
+  window.closeSettings = function() {
+    document.getElementById('set-backdrop').classList.remove('open');
+    document.getElementById('set-sheet').classList.remove('open');
+  };
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape' && document.getElementById('set-sheet').classList.contains('open')) closeSettings();
+  });
+
+  window.saveMachineName = async function() {
+    try {
+      const r = await fetch('/api/machine-name', {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ name: document.getElementById('set-machine-name').value.trim() }),
+      });
+      const d = await readJson(r);
+      if (!d.ok) throw new Error(d.error || '未知错误');
+      window.myhiSetMachineName?.(d.name);
+      setStatus('set-machine-status', `已保存：${d.name}（其他已打开的页面刷新后生效）`, 'green');
+    } catch (e) { setStatus('set-machine-status', '保存失败：' + e.message, 'red'); }
+  };
+
+  window.saveAsrUrl = async function() {
+    const url = document.getElementById('set-asr-url').value.trim();
+    setStatus('set-asr-status', '保存中…');
+    try {
+      const r = await fetch('/api/server-config', {
+        method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ asrUrl: url }),
+      });
+      const d = await readJson(r);
+      if (!d.ok) throw new Error(d.error || '未知错误');
+      setStatus('set-asr-status', url ? '已保存，重启后生效（如已设置 ASR_URL 环境变量则以环境变量为准）' : '已清空', 'green');
+    } catch (e) { setStatus('set-asr-status', '保存失败：' + e.message, 'red'); }
+  };
+
+  window.restartMyhi = async function() {
+    if (!confirm('确认重启 myhi 服务？\n重启期间连接会短暂中断，页面将自动重连。')) return;
+    try { await fetch('/api/restart', { method: 'POST' }); } catch {}
+    setStatus('set-restart-status', '服务重启中，请稍候…');
+  };
+
+  // @ 引用范围（项目外目录）：@ 补全可引用这些目录
+  let _atRoots = [];
+  function renderAtRoots() {
+    document.getElementById('atroots-list').innerHTML = _atRoots.length
+      ? _atRoots.map((r, i) => `<div class="atr-row"><span title="${esc(r)}">📁 ${esc(r)}</span><button class="dr-btn" onclick="delAtRoot(${i})">删</button></div>`).join('')
+      : '<div class="set-hint" style="margin:0">（未配置——@ 只搜任务目录）</div>';
+  }
+  function loadAtRoots() {
+    fetch('/api/atroots').then(readJson).then(d => { _atRoots = d.roots || []; renderAtRoots(); }).catch(() => {});
+  }
+  async function saveAtRoots(roots) {
+    try {
+      const r = await fetch('/api/atroots', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ roots }) });
+      const d = await readJson(r);
+      if (!d.ok) throw new Error(d.error || '未知错误');
+      _atRoots = d.roots; renderAtRoots(); setStatus('atroot-status', '已保存', 'green');
+      return true;
+    } catch (e) { setStatus('atroot-status', '保存失败：' + e.message, 'red'); return false; }
+  }
+  window.addAtRoot = function() {
+    const inp = document.getElementById('atroot-new');
+    const v = inp.value.trim();
+    if (v) saveAtRoots([..._atRoots, v]).then(ok => { if (ok) inp.value = ''; });
+  };
+  window.delAtRoot = function(i) { saveAtRoots(_atRoots.filter((_, j) => j !== i)); };
+
+  // 文件夹点选（复用 /api/dirs 目录浏览）：普通用户不会敲绝对路径，点进去选中即可
+  let _atPick = { current: '', parent: null };
+  window.openAtPicker = function() {
+    document.getElementById('atpick').style.display = '';
+    document.getElementById('atpick-open').style.display = 'none';
+    atPickGo('');
+  };
+  window.closeAtPicker = function() {
+    document.getElementById('atpick').style.display = 'none';
+    document.getElementById('atpick-open').style.display = '';
+  };
+  window.atPickGo = async function(path) {
+    const list = document.getElementById('atpick-list');
+    list.innerHTML = '<div class="set-hint" style="padding:0.6rem;margin:0">读取中…</div>';
+    try {
+      const r = await fetch('/api/dirs' + (path ? '?path=' + encodeURIComponent(path) : ''));
+      const d = await readJson(r);
+      if (!r.ok) throw new Error(d.error || r.status);
+      _atPick = d;
+      const cur = document.getElementById('atpick-cur');
+      cur.textContent = '\u200e' + d.current;   // rtl 截断时保留路径尾部；LRM 防标点跑位
+      cur.title = d.current;
+      const up = document.getElementById('atpick-up');
+      up.disabled = !d.parent; up.style.opacity = d.parent ? '' : '0.4';
+      const dv = document.getElementById('atpick-drives');
+      dv.style.display = (d.drives || []).length ? 'flex' : 'none';
+      dv.innerHTML = '';
+      (d.drives || []).forEach(dr => {
+        const b = document.createElement('button');
+        b.className = 'dr-btn';
+        b.textContent = '💽 ' + dr.replace(/\\$/, '');
+        if (d.current.toUpperCase().startsWith(dr.toUpperCase())) b.style.cssText = 'background:var(--accent);color:#fff;border-color:var(--accent)';
+        b.onclick = () => atPickGo(dr);
+        dv.appendChild(b);
+      });
+      list.innerHTML = d.dirs.length ? '' : '<div class="set-hint" style="padding:0.6rem;margin:0">（没有子文件夹）</div>';
+      d.dirs.forEach(x => {
+        const row = document.createElement('div');
+        row.className = 'atpick-row';
+        row.textContent = '📁 ' + x.name;
+        row.onclick = () => atPickGo(x.path);
+        list.appendChild(row);
+      });
+    } catch (e) {
+      list.innerHTML = '<div style="padding:0.6rem;color:var(--red);font-size:0.75rem">读取失败：' + esc(String(e.message || e)) +
+        (String(e.message).includes('权限') ? '（仅管理员可浏览目录，可展开下方「手动输入路径」）' : '') + '</div>';
+    }
+  };
+  window.atPickUp = function() { if (_atPick.parent) atPickGo(_atPick.parent); };
+  window.addAtPicked = async function() {
+    const p = _atPick.current;
+    if (!p) return;
+    if (_atRoots.includes(p)) { setStatus('atroot-status', '这个文件夹已经在列表里了'); return; }
+    if (await saveAtRoots([..._atRoots, p])) closeAtPicker();
+  };
+  // 会话页「更多 → 全局设置」跳过来：/?settings=1 直接打开
+  if (new URLSearchParams(location.search).get('settings')) {
+    history.replaceState(null, '', location.pathname);
+    setTimeout(openSettings, 0);
+  }
 
   // HTML 转义，防止 XSS
   function esc(s) {

package/package.json

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