@wendongfly/myhi 1.3.181 → 1.3.184

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,40 @@
       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; }
+    /* 顶栏放不下一行时逐级收紧（fitHeader 按实际宽度判断，大字号/窄窗口都适用）：先藏用户名，再只留图标 */
+    #header.hd-fit1 #user-name { display: none; }
+    #header.hd-fit2 .hd-btn .hd-txt { display: none; }
+    #header.hd-fit2 .hd-actions { gap: 0.4rem; }
+    #header.hd-fit2 .hd-btn { padding: 0.32rem 0.48rem; }
+
+    /* ── 设置 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 +557,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 +658,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 +855,14 @@
   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;
+      fitHeader();
+      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) {
@@ -878,33 +986,191 @@
     r.setAttribute('data-font', f);
     const meta = document.querySelector('meta[name="theme-color"]');
     if (meta) meta.setAttribute('content', THEME_META[t] || '#0d1117');
+    fitHeader();
+  }
+  // 顶栏按钮组折行了就逐级收紧：字号「大」时按钮跟着 rem 变宽，固定断点兜不住
+  function fitHeader() {
+    const h = document.getElementById('header');
+    const acts = h.querySelector('.hd-actions');
+    const wraps = () => acts.offsetHeight > document.getElementById('settings-btn').offsetHeight * 1.5;
+    h.classList.remove('hd-fit1', 'hd-fit2');
+    if (wraps()) h.classList.add('hd-fit1');
+    if (wraps()) h.classList.add('hd-fit2');
   }
-  window.openAppearance = function() {
+  window.addEventListener('resize', fitHeader);
+  document.fonts?.ready.then(fitHeader);
+  fitHeader();
+  // ── 设置 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) {