@wendongfly/myhi 1.3.190 → 1.3.191

package/dist/admin.html

@@ -41,6 +41,20 @@
   .inp-row { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 0.5rem; }
   .inp-row .inp { flex: 1; }
   .btn-sm { padding: 0.5rem 1rem; background: #7c3aed; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 0.85rem; white-space: nowrap; }
+  .btn-sm.ghost { background: transparent; color: #b1bac4; border: 1px solid rgba(255,255,255,0.15); }
+  .mode-status { font-size: 0.85rem; line-height: 1.6; padding: 0.6rem 0.75rem; border-radius: 10px; background: rgba(124,58,237,0.1); border: 1px solid rgba(124,58,237,0.25); margin-bottom: 0.5rem; }
+  .mode-status b { color: #e6edf3; }
+  .mode-status small { display: block; color: #8b949e; font-size: 0.75rem; }
+  .sw { position: relative; width: 38px; height: 22px; flex-shrink: 0; }
+  .sw input { opacity: 0; width: 0; height: 0; }
+  .sw span { position: absolute; inset: 0; background: #30363d; border-radius: 11px; cursor: pointer; transition: 0.2s; }
+  .sw span::before { content: ''; position: absolute; width: 16px; height: 16px; left: 3px; top: 3px; background: #fff; border-radius: 50%; transition: 0.2s; }
+  .sw input:checked + span { background: #7c3aed; }
+  .sw input:checked + span::before { transform: translateX(16px); }
+  .dir-pick { border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; max-height: 220px; overflow-y: auto; margin-bottom: 0.5rem; font-size: 0.8rem; }
+  .dir-pick div { padding: 0.4rem 0.6rem; cursor: pointer; color: #b1bac4; }
+  .dir-pick div:hover { background: rgba(255,255,255,0.05); }
+  .dir-pick .cur { color: #8b949e; font-size: 0.72rem; cursor: default; border-bottom: 1px solid rgba(255,255,255,0.06); }
   .msg { font-size: 0.8rem; margin-top: 0.3rem; min-height: 1.2em; }
   .msg-ok { color: #3fb950; }
   .msg-err { color: #f85149; }
@@ -101,21 +115,33 @@
   </div>
 
   <!-- 用户管理 -->
-  <div class="card">
-    <h3>用户管理</h3>
+  <div class="card" id="mode">
+    <h3>使用模式</h3>
+    <div id="mode-status" class="mode-status"></div>
     <div id="user-list"></div>
-    <div style="border-top:1px solid rgba(255,255,255,0.08);margin-top:0.5rem;padding-top:0.8rem">
-      <div style="font-size:0.82rem;color:#8b949e;margin-bottom:0.5rem">添加用户</div>
+    <div id="excl-row" class="row" style="display:none">
+      <span>独占模式<br><small style="color:#6e7681">同一时间只允许一个人登录，别人登录会被挡住</small></span>
+      <label class="sw"><input type="checkbox" id="excl-toggle" onchange="setExclusive(this.checked)"><span></span></label>
+    </div>
+    <button class="btn-sm" id="add-open" onclick="openAddMember()" style="margin-top:0.6rem;width:100%"></button>
+    <div id="add-member" style="display:none;margin-top:0.7rem">
+      <div class="inp-row"><input class="inp" id="u-name" placeholder="成员名称（如：张三）"></div>
       <div class="inp-row">
-        <input class="inp" id="u-pwd" placeholder="密码">
-        <input class="inp" id="u-name" placeholder="名称">
+        <input class="inp" id="u-pwd" placeholder="登录密码（至少 4 位）" autocomplete="off">
+        <button class="btn-sm ghost" onclick="genPwd()">随机生成</button>
       </div>
       <div class="inp-row">
-        <input class="inp" id="u-dir" placeholder="工作目录">
-        <button class="btn-sm" onclick="addUser()">添加</button>
+        <input class="inp" id="u-dir" placeholder="工作目录（留空 = 不限制）">
+        <button class="btn-sm ghost" onclick="pickDir()">浏览…</button>
+      </div>
+      <div id="dir-pick" style="display:none" class="dir-pick"></div>
+      <div class="inp-row" style="margin-top:0.2rem">
+        <button class="btn-sm ghost" onclick="closeAddMember()" style="flex:1">取消</button>
+        <button class="btn-sm" onclick="addUser()" style="flex:2">添加</button>
       </div>
-      <div class="msg" id="u-msg"></div>
     </div>
+    <div class="msg" id="u-msg"></div>
+    <div id="mode-foot" style="font-size:0.72rem;color:#6e7681;margin-top:0.5rem;line-height:1.5"></div>
   </div>
 
   <!-- 修改管理密码 -->
@@ -369,7 +395,7 @@ async function refresh() {
     }
 
     // 用户列表
-    renderUsers(d.users || []);
+    renderUsers(d.users || [], d.exclusive);
 
     // 运行时长
     if (d.uptime) {
@@ -379,20 +405,70 @@ async function refresh() {
   } catch {}
 }
 
-function renderUsers(users) {
+// 使用模式：有成员 = 多用户，没有 = 单用户（默认）
+let _users = [];
+function renderUsers(users, exclusive) {
+  _users = users;
+  const multi = users.length > 0;
+  document.getElementById('mode-status').innerHTML = multi
+    ? `<b>当前：多用户模式 · ${users.length} 个成员</b><small>成员用各自密码登录，可以升级 / 重启，不能改全局设置；你用管理密码或二维码登录，权限不变。</small>`
+    : `<b>当前：单用户模式</b><small>只有你在用，所有功能都能用。需要给别人用时再添加成员。</small>`;
+  document.getElementById('add-open').textContent = multi ? '＋ 添加成员' : '＋ 添加成员，开启多用户模式';
+  document.getElementById('excl-row').style.display = multi ? '' : 'none';
+  document.getElementById('excl-toggle').checked = !!exclusive;
+  document.getElementById('mode-foot').textContent = multi ? '删除全部成员即回到单用户模式。删除成员或重置密码后，他当前的登录会立即失效。' : '';
   const el = document.getElementById('user-list');
-  if (!users.length) { el.innerHTML = '<div class="row" style="color:#6e7681">暂无用户</div>'; return; }
   el.innerHTML = users.map(u => `
     <div class="row">
-      <span><b style="color:#e6edf3">${esc(u.name)}</b> <span style="color:#6e7681;font-size:0.75rem">${esc(u.password)}</span> <span style="color:#6e7681;font-size:0.72rem">${esc(u.dir)}</span></span>
+      <span><b style="color:#e6edf3">${esc(u.name)}</b> <span style="color:#6e7681;font-size:0.72rem">${u.dir ? '📁 ' + esc(u.dir) : '不限目录'}</span></span>
       <div class="row-actions">
-        <button onclick="editUserPwd('${esc(u.name)}')">改密</button>
+        <button onclick="editUserPwd('${esc(u.name)}')">重置密码</button>
         <button class="del" onclick="delUser('${esc(u.name)}')">删除</button>
       </div>
     </div>
   `).join('');
 }
 
+function openAddMember() {
+  document.getElementById('add-member').style.display = '';
+  document.getElementById('add-open').style.display = 'none';
+  document.getElementById('u-name').focus();
+}
+function closeAddMember() {
+  document.getElementById('add-member').style.display = 'none';
+  document.getElementById('add-open').style.display = '';
+  document.getElementById('dir-pick').style.display = 'none';
+}
+function genPwd() {
+  const cs = 'abcdefghjkmnpqrstuvwxyz23456789';
+  const a = crypto.getRandomValues(new Uint32Array(8));
+  document.getElementById('u-pwd').value = [...a].map(n => cs[n % cs.length]).join('');
+}
+// 目录点选：复用 /api/dirs（主站以管理员身份登录时可用；不行就手动输入）
+async function pickDir(path) {
+  const box = document.getElementById('dir-pick');
+  box.style.display = '';
+  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);
+    document.getElementById('u-dir').value = d.current;
+    box.innerHTML = `<div class="cur">${esc(d.current)}</div>` +
+      (d.parent ? `<div data-p="${esc(d.parent)}">⬆ 上一级</div>` : '') +
+      (d.drives || []).map(x => `<div data-p="${esc(x)}">💽 ${esc(x)}</div>`).join('') +
+      d.dirs.map(x => `<div data-p="${esc(x.path)}">📁 ${esc(x.name)}</div>`).join('');
+    box.querySelectorAll('[data-p]').forEach(el => el.onclick = () => pickDir(el.dataset.p));
+  } catch (e) { box.innerHTML = `<div class="cur">无法浏览目录（${esc(e.message)}），请直接输入路径</div>`; }
+}
+
+async function setExclusive(on) {
+  try {
+    const r = await fetch('/api/admin/exclusive', { method: 'POST', headers: H(), body: JSON.stringify({ on }) });
+    const d = await r.json();
+    if (!d.ok) { alert(d.error || '失败'); refresh(); }
+  } catch { alert('连接失败'); refresh(); }
+}
+
 function esc(s) { return String(s||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;'); }
 
 async function addUser() {
@@ -400,17 +476,27 @@ async function addUser() {
   const name = document.getElementById('u-name').value.trim();
   const dir = document.getElementById('u-dir').value.trim();
   const msg = document.getElementById('u-msg');
-  if (!pwd || !name || !dir) { msg.className = 'msg msg-err'; msg.textContent = '密码、名称、目录都必填'; return; }
+  if (!name || !pwd) { msg.className = 'msg msg-err'; msg.textContent = '成员名称和登录密码必填'; return; }
+  // 第一个成员 = 从单用户切到多用户：先讲清楚会发生什么
+  if (!_users.length && !confirm(
+    '添加第一个成员后，myhi 进入「多用户模式」：\n\n' +
+    '· 成员用各自的密码登录' + (dir ? '，只能在绑定的目录里建任务' : '') + '；\n' +
+    '· 成员可以升级、重启，但不能改全局设置（本机显示名、语音、用户、网关等）；\n' +
+    '· 你（管理员）照常用管理密码或二维码登录，权限不变。\n\n' +
+    '以后删除全部成员即回到单用户模式。确定添加？')) return;
   try {
     const r = await fetch('/api/admin/user', { method: 'POST', headers: H(), body: JSON.stringify({ password: pwd, name, dir }) });
     const d = await r.json();
-    if (d.ok) { msg.className = 'msg msg-ok'; msg.textContent = '已添加'; document.getElementById('u-pwd').value = ''; document.getElementById('u-name').value = ''; document.getElementById('u-dir').value = ''; refresh(); }
-    else { msg.className = 'msg msg-err'; msg.textContent = d.error || '失败'; }
+    if (d.ok) {
+      msg.className = 'msg msg-ok'; msg.textContent = `已添加「${name}」，登录密码：${pwd}（请告知对方）`;
+      ['u-pwd', 'u-name', 'u-dir'].forEach(id => document.getElementById(id).value = '');
+      closeAddMember(); refresh();
+    } else { msg.className = 'msg msg-err'; msg.textContent = d.error || '失败'; }
   } catch { msg.className = 'msg msg-err'; msg.textContent = '连接失败'; }
 }
 
 async function editUserPwd(name) {
-  const newPwd = prompt(`修改 ${name} 的密码：`);
+  const newPwd = prompt(`为 ${name} 设置新的登录密码（至少 4 位，设置后他当前的登录会失效）：`);
   if (!newPwd) return;
   try {
     const r = await fetch('/api/admin/user/password', { method: 'POST', headers: H(), body: JSON.stringify({ name, password: newPwd }) });
@@ -421,7 +507,7 @@ async function editUserPwd(name) {
 }
 
 async function delUser(name) {
-  if (!confirm(`确定删除用户 ${name}？`)) return;
+  if (!confirm(`确定删除成员「${name}」？他当前的登录会立即失效。` + (_users.length === 1 ? '\n\n这是最后一个成员，删除后回到单用户模式。' : ''))) return;
   try {
     const r = await fetch('/api/admin/user', { method: 'DELETE', headers: H(), body: JSON.stringify({ name }) });
     const d = await r.json();
@@ -515,7 +601,15 @@ async function waitReload() {
   document.getElementById('op-msg').textContent = '重启超时，请手动刷新';
 }
 
-if (T) showAdmin();
+// 主站已是管理员 → 直接换后台令牌免登录；否则沿用本标签页已有令牌（重启后会失效）或显示登录框
+(async () => {
+  try {
+    const r = await fetch('/api/admin/sso', { method: 'POST' });
+    const d = r.ok ? await r.json() : null;
+    if (d?.ok) { T = d.token; sessionStorage.setItem('myhi_admin', T); return showAdmin(); }
+  } catch {}
+  if (T) showAdmin();
+})();
 </script>
 </body>
 </html>

package/dist/chat.html

@@ -10,6 +10,7 @@
   <link rel="apple-touch-icon" href="/icon.png">
   <title>myhi 会话</title>
   <script src="/lib/machine.js" data-session></script>
+  <script src="/lib/prefs.js"></script>
   <script src="/sio-client/socket.io.min.js"></script>
   <script>
     (function(){try{
@@ -204,7 +205,6 @@
     @media (hover: none) { .raw-copy { opacity: 0.85; } }
     /* AI 工具的原始输出默认不显示（设置→聊天→显示 打开；终端会话的命令输出不受影响） */
     body.hide-toolout .msg-raw.tool-out { display: none; }
-    .setting-toggle.off { opacity: 0.45; pointer-events: none; }
     /* 消息里其他带框内容（代码块/表格/diff/工具详情…）同款复制按钮，见 attachCopyBtns */
     .cpw, .cp-host { position: relative; }
     .cp-btn { user-select: none; }
@@ -313,7 +313,7 @@
     /* ── 设置面板 ───────────────────────────── */
     #settings-backdrop { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 60; }
     #settings-backdrop.open { display: block; }
-    #settings-panel { position: fixed; top: 0; right: -360px; width: 340px; max-width: 92vw; height: 100%; background: var(--surface); border-left: 1px solid var(--border); z-index: 61; transition: right 0.25s ease; overflow-y: auto; padding: 1rem; }
+    #settings-panel { position: fixed; top: 0; right: -360px; width: 340px; max-width: 92vw; height: 100%; background: var(--surface); border-left: 1px solid var(--border); z-index: 61; transition: right 0.25s ease; overflow-y: auto; padding: 1rem; box-sizing: border-box; }
     #settings-panel.open { right: 0; }
     .panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; font-size: 1rem; font-weight: 600; }
     .panel-close { background: none; border: none; color: var(--muted); font-size: 1.2rem; cursor: pointer; }
@@ -330,6 +330,18 @@
     .seg-row { display: flex; gap: 0.35rem; flex-wrap: wrap; }
     .seg { flex: 1; min-width: 3.2rem; background: var(--surface2); color: var(--text2); border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem 0.3rem; font-size: 0.8rem; cursor: pointer; white-space: nowrap; }
     .seg.active { background: var(--purple); color: #fff; border-color: var(--purple); }
+    /* 设置里「名称 + 分段选择」一行 */
+    .set-line { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; padding: 0.45rem 0; font-size: 0.85rem; }
+    .set-line > span { flex: 0 1 auto; min-width: 3.5rem; }
+    .set-line small { display: block; font-size: 0.68rem; color: var(--muted); }
+    .set-line .seg-row { flex: 1 1 auto; max-width: 13.5rem; flex-wrap: nowrap; }
+    .set-line .seg { min-width: 0; padding: 0.38rem 0.2rem; font-size: 0.76rem; }
+    .set-task-hint { font-size: 0.74rem; color: var(--muted); line-height: 1.5; margin-bottom: 0.6rem; }
+    .set-task-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem; }
+    .set-task-grid button { background: var(--surface2); color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 0.6rem 0.5rem; font-size: 0.82rem; cursor: pointer; text-align: left; }
+    .set-task-grid button:hover { border-color: var(--purple); }
+    .set-foot { font-size: 0.72rem; color: var(--muted); line-height: 1.55; margin-top: 1rem; padding-top: 0.7rem; border-top: 1px solid var(--border); }
+    .set-foot a { color: var(--blue); }
     .setting-toggle input[type=checkbox] { width: 36px; height: 20px; appearance: none; -webkit-appearance: none; background: var(--border); border-radius: 10px; position: relative; cursor: pointer; transition: background 0.2s; }
     .setting-toggle input[type=checkbox]:checked { background: var(--green2); }
     .setting-toggle input[type=checkbox]::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: left 0.2s; }
@@ -624,34 +636,16 @@
   <div id="settings-panel">
     <div class="panel-header"><span>设置</span><button class="panel-close" onclick="closeSettings()">✕</button></div>
     <div id="settings-tabs">
-      <button class="stab active" data-tab="look">外观</button>
-      <button class="stab" data-tab="chat">聊天</button>
+      <button class="stab active" data-tab="chat">聊天</button>
       <button class="stab" data-tab="bar">快捷栏</button>
-      <button class="stab" data-tab="more">更多</button>
+      <button class="stab" data-tab="task" id="stab-task">本任务</button>
     </div>
-    <div class="setting-group" data-stab="look">
-      <div style="font-size:0.8rem;color:var(--text2);margin:0.1rem 0 0.35rem">主题</div>
-      <div id="seg-theme" class="seg-row">
-        <button class="seg" data-theme="system">跟随系统</button>
-        <button class="seg" data-theme="dark">深色</button>
-        <button class="seg" data-theme="light">浅色</button>
-        <button class="seg" data-theme="black">纯黑</button>
-      </div>
-      <div style="font-size:0.8rem;color:var(--text2);margin:0.6rem 0 0.35rem">字号</div>
-      <div id="seg-font" class="seg-row">
-        <button class="seg" data-font="small">小</button>
-        <button class="seg" data-font="medium">中</button>
-        <button class="seg" data-font="large">大</button>
-      </div>
-    </div>
-    <div class="setting-group" data-stab="chat" style="display:none">
+    <div class="setting-group" data-stab="chat">
       <h4>显示</h4>
-      <label class="setting-toggle"><span>解析终端输出</span><input type="checkbox" id="set-parse" checked></label>
-      <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>显示工具输出内容（AI 执行命令/读文件的原始结果）</span><input type="checkbox" id="set-toolout"></label>
-      <label class="setting-toggle" id="row-rawclip"><span>　└ 工具输出只显示前 8 行（可展开）</span><input type="checkbox" id="set-rawclip" checked></label>
+      <div class="set-line"><span>思考过程</span><div id="seg-think" class="seg-row"><button class="seg" data-v="hide">隐藏</button><button class="seg" data-v="fold">折叠</button><button class="seg" data-v="open">展开</button></div></div>
+      <div class="set-line"><span>工具调用</span><div id="seg-tools" class="seg-row"><button class="seg" data-v="fold">折叠</button><button class="seg" data-v="open">展开</button></div></div>
+      <div class="set-line"><span>工具输出<small>AI 执行命令/读文件的原始结果</small></span><div id="seg-toolout" class="seg-row"><button class="seg" data-v="hide">隐藏</button><button class="seg" data-v="clip">前8行</button><button class="seg" data-v="all">全部</button></div></div>
+      <label class="setting-toggle" id="row-parse"><span>把终端里的 Claude 输出整理成聊天样式</span><input type="checkbox" id="set-parse" checked></label>
     </div>
     <div class="setting-group" data-stab="chat" style="display:none">
       <h4>输入</h4>
@@ -675,15 +669,20 @@
       </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.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>
-      <button onclick="restartMyhi()" style="width:100%;padding:0.6rem;background:var(--red2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:600;margin-top:0.1rem">重启 myhi</button>
+    <div class="setting-group" data-stab="task" style="display:none">
+      <div class="set-task-hint">这些设置只对当前任务（或它所在的项目）生效，快捷栏里隐藏了的也能从这里打开。</div>
+      <div class="set-task-grid">
+        <button onclick="closeSettings();openModelSheet()">🤖 模型</button>
+        <button onclick="closeSettings();openGuardSheet()">🛡 隐私护栏</button>
+        <button onclick="closeSettings();openSecretsSheet()">🔑 密钥</button>
+        <button onclick="closeSettings();openFollowUpSheet()">🔄 自动跟进</button>
+        <button onclick="closeSettings();showMemory()">🧠 记忆</button>
+        <button onclick="closeSettings();openSkillSheet()">🧩 技能</button>
+        <button onclick="closeSettings();openInboxSheet()">📥 草稿箱</button>
+        <button onclick="closeSettings();openGitSheet()">⬆ 提交代码</button>
+      </div>
     </div>
+    <div class="set-foot">这里的设置会同步到你登录的其他设备。外观（主题 / 字号）、本机显示名、语音、版本升级与重启在 <a href="/?settings=1">首页 ⚙ 设置</a>。</div>
   </div>
 
   <!-- QR弹窗 -->
@@ -1217,7 +1216,7 @@
     let settings = loadSettings();
 
     function loadSettings() { try { return { ...DEFAULT_SETTINGS, ...JSON.parse(localStorage.getItem('myhi_chat_settings')) }; } catch { return { ...DEFAULT_SETTINGS }; } }
-    function saveSettings() { localStorage.setItem('myhi_chat_settings', JSON.stringify(settings)); }
+    function saveSettings() { localStorage.setItem('myhi_chat_settings', JSON.stringify(settings)); window.myhiPrefsPush?.(); }   // 同步到其他设备
 
     // ── 外观：主题 & 字号（跨页面共用 localStorage myhi_theme / myhi_font）──
     const THEME_META = { dark: '#0d1117', light: '#ffffff', black: '#000000', system: '#0d1117' };
@@ -3585,7 +3584,8 @@
       overlay.appendChild(wrap);
     };
 
-    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.openSettings = function() { document.getElementById('settings-backdrop').classList.add('open'); document.getElementById('settings-panel').classList.add('open'); syncSettingsUI(); const t0 = localStorage.getItem('myhi_settings_tab');
+      applySettingsTab(['bar', 'task'].includes(t0) && !(t0 === 'task' && currentSession?.mode !== 'agent') ? t0 : 'chat'); };
     // 设置抽屉分类页签（1.3.174：一屏只看一类，不再长条堆叠）
     function applySettingsTab(tab) {
       document.querySelectorAll('#settings-tabs .stab').forEach(b => b.classList.toggle('active', b.dataset.tab === tab));
@@ -4122,35 +4122,51 @@
     function syncSettingsUI() {
       syncAppearanceUI();
       document.getElementById('set-parse').checked = settings.parseOutput;
-      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;
-      document.getElementById('set-toolout').checked = !!settings.showToolOut;
+      // 「整理终端输出」只对终端模式的 Claude 会话有用；「本任务」入口只对 AI 会话有用
+      const isAgent = currentSession?.mode === 'agent';
+      document.getElementById('row-parse').style.display = isAgent ? 'none' : '';
+      document.getElementById('stab-task').style.display = isAgent ? '' : 'none';
+      syncDisplaySegs();
       applyToolOut();
       syncEnterModeUI();
       syncSkModeUI();
     }
     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(); });
-    // 工具输出显隐：关着时「只显示前 8 行」没意义，置灰
-    function applyToolOut() {
-      document.body.classList.toggle('hide-toolout', !settings.showToolOut);
-      document.getElementById('row-rawclip')?.classList.toggle('off', !settings.showToolOut);
-    }
+    // AI 工具输出显隐（body.hide-toolout 藏掉 .msg-raw.tool-out；终端会话的命令输出不受影响）
+    function applyToolOut() { document.body.classList.toggle('hide-toolout', !settings.showToolOut); }
     applyToolOut();
-    document.getElementById('set-toolout').addEventListener('change', (e) => {
-      settings.showToolOut = e.target.checked; saveSettings(); applyToolOut();
-      // 刚显示出来的块要重新量一次高度（隐藏时量不出是否超过 8 行）
-      if (settings.showToolOut) chatArea.querySelectorAll('.msg-raw.tool-out').forEach(m => rawClipSync(m));
-    });
-    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); });
-    });
+    // 显示设置：三组分段选择，各对应原来的一两个开关
+    //   思考过程 隐藏/折叠/展开 = showThinking + thinkCollapsed；工具调用 折叠/展开 = collapseTools；
+    //   工具输出 隐藏/前 8 行/全部 = showToolOut + rawClip
+    function displayState() {
+      return {
+        think: !settings.showThinking ? 'hide' : (settings.thinkCollapsed !== false ? 'fold' : 'open'),
+        tools: settings.collapseTools ? 'fold' : 'open',
+        toolout: !settings.showToolOut ? 'hide' : (settings.rawClip !== false ? 'clip' : 'all'),
+      };
+    }
+    function syncDisplaySegs() {
+      const st = displayState();
+      for (const [id, key] of [['seg-think', 'think'], ['seg-tools', 'tools'], ['seg-toolout', 'toolout']]) {
+        document.querySelectorAll('#' + id + ' .seg').forEach(b => b.classList.toggle('active', b.dataset.v === st[key]));
+      }
+    }
+    document.querySelectorAll('#seg-think .seg').forEach(b => b.addEventListener('click', () => {
+      settings.showThinking = b.dataset.v !== 'hide';
+      if (b.dataset.v !== 'hide') settings.thinkCollapsed = b.dataset.v === 'fold';
+      saveSettings(); syncDisplaySegs();
+    }));
+    document.querySelectorAll('#seg-tools .seg').forEach(b => b.addEventListener('click', () => {
+      settings.collapseTools = b.dataset.v === 'fold'; saveSettings(); syncDisplaySegs();
+    }));
+    document.querySelectorAll('#seg-toolout .seg').forEach(b => b.addEventListener('click', () => {
+      const was = displayState().toolout;
+      settings.showToolOut = b.dataset.v !== 'hide';
+      if (b.dataset.v !== 'hide') settings.rawClip = b.dataset.v === 'clip';
+      saveSettings(); syncDisplaySegs(); applyToolOut();
+      // 显示方式变了：已渲染的输出块按新默认重新量（隐藏时量不出高度；用户手动点过的展开/收起也重置）
+      if (settings.showToolOut && was !== b.dataset.v) chatArea.querySelectorAll('.msg-raw.tool-out').forEach(m => { delete m.dataset.open; rawClipSync(m); });
+    }));
 
     window.restartMyhi = async function() {
       if (!confirm('确认重启 myhi 服务？\n重启期间连接会短暂中断，页面将自动重连。')) return;