@wendongfly/myhi 1.3.173 → 1.3.174

package/dist/chat.html

@@ -220,7 +220,10 @@
       background: var(--surface); border: 1px solid var(--border); color: var(--muted);
       font-size: 0.95rem; cursor: pointer; display: none; align-items: center; justify-content: center;
       box-shadow: 0 2px 8px rgba(0,0,0,0.35);
+      opacity: 0; pointer-events: none; transition: opacity 0.2s;   /* 桌面端：鼠标移进聊天区才现身 */
     }
+    #msg-nav-btn.hovered { opacity: 1; pointer-events: auto; }
+    @media (pointer: coarse) { #msg-nav-btn { opacity: 1; pointer-events: auto; } }  /* 触屏没有 hover，常显 */
     #msg-nav-btn:hover { color: var(--text); border-color: var(--blue); }
     #msg-nav-panel {
       position: fixed; right: 0.5rem; bottom: 11.8rem; z-index: 60; display: none;
@@ -284,11 +287,18 @@
     /* ── 设置面板 ───────────────────────────── */
     #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: -320px; width: 300px; max-width: 85vw; 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; }
     #settings-panel.open { right: 0; }
-    .panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; font-size: 1rem; font-weight: 600; }
+    .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; }
-    .setting-group { margin-bottom: 1.2rem; }
+    /* 设置抽屉分类页签：一屏只看一类，不再长条堆叠（1.3.174 用户反馈太拥挤） */
+    #settings-tabs { display: flex; gap: 0.25rem; margin-bottom: 0.9rem; border-bottom: 1px solid var(--border); padding-bottom: 0.4rem; }
+    #settings-tabs .stab {
+      flex: 1; background: none; border: none; color: var(--muted);
+      font-size: 0.8rem; padding: 0.35rem 0.2rem; border-radius: 7px; cursor: pointer; white-space: nowrap;
+    }
+    #settings-tabs .stab.active { background: var(--surface3); color: var(--text); font-weight: 600; }
+    .setting-group { margin-bottom: 1rem; }
     .setting-group h4 { font-size: 0.75rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.5rem; }
     .setting-toggle { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; font-size: 0.85rem; cursor: pointer; }
     .seg-row { display: flex; gap: 0.35rem; flex-wrap: wrap; }
@@ -531,6 +541,7 @@
     </div>
     <div id="sk-claude-agent" style="display:none">
       <button class="sk sk-claude" id="sk-inbox" data-sk="draft" onclick="openInboxSheet()" style="color:var(--yellow)">📥 草稿<span id="inbox-badge" style="display:none;margin-left:0.2rem;background:var(--yellow);color:#000;border-radius:8px;padding:0 0.32rem;font-size:0.66rem;font-weight:700"></span></button>
+      <button class="sk sk-claude" data-sk="folder" onclick="fpOpenFolder()" style="color:var(--blue2)">📂 文件夹</button>
       <button class="sk sk-claude" data-sk="model" onclick="openModelSheet()">模型</button>
       <button class="sk sk-claude" id="btn-plan" data-sk="plan" onclick="togglePlanMode()">计划</button>
       <button class="sk sk-claude" data-sk="compact" onclick="doSlashCmd('/compact')">压缩</button>
@@ -585,8 +596,13 @@
   <div id="settings-backdrop" onclick="closeSettings()"></div>
   <div id="settings-panel">
     <div class="panel-header"><span>设置</span><button class="panel-close" onclick="closeSettings()">✕</button></div>
-    <div class="setting-group">
-      <h4>外观</h4>
+    <div id="settings-tabs">
+      <button class="stab active" data-tab="look">外观</button>
+      <button class="stab" data-tab="chat">聊天</button>
+      <button class="stab" data-tab="bar">快捷栏</button>
+      <button class="stab" data-tab="more">更多</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>
@@ -601,14 +617,14 @@
         <button class="seg" data-font="large">大</button>
       </div>
     </div>
-    <div class="setting-group">
+    <div class="setting-group" data-stab="chat" style="display:none">
       <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>
     </div>
-    <div class="setting-group">
+    <div class="setting-group" data-stab="chat" style="display:none">
       <h4>输入</h4>
       <div style="font-size:0.8rem;color:var(--text2);margin:0.1rem 0 0.35rem">回车键</div>
       <div id="seg-enter" class="seg-row">
@@ -620,18 +636,17 @@
         自动：电脑回车发送 / Shift+回车换行；手机回车换行、用按钮发送。<br>发送：回车总是发送（换行用 Shift+回车）。换行：回车总是换行（发送用 Ctrl/⌘+回车 或按钮）。
       </div>
     </div>
-    <div class="setting-group">
-      <h4>快捷栏</h4>
+    <div class="setting-group" data-stab="bar" style="display:none">
       <div id="seg-skmode" class="seg-row">
-        <button class="seg" data-skmode="normal">普通</button>
-        <button class="seg" data-skmode="expert">专家</button>
+        <button class="seg" data-skmode="normal">普通模式</button>
+        <button class="seg" data-skmode="expert">专家模式</button>
       </div>
       <div style="font-size:0.72rem;color:var(--muted);margin-top:0.35rem;line-height:1.5">
-        专家 = 显示全部快捷按钮（默认）。普通 = 只显示下面勾选的，给简单用户减负。
+        专家 = 显示全部快捷按钮。普通 = 只显示下面勾选的，给简单用户减负。两种模式下都可以再单独勾选。
       </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">
+    <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">
@@ -640,7 +655,7 @@
       </div>
       <div id="set-asr-status" style="font-size:0.72rem;min-height:1.2em;margin-top:0.25rem;color:var(--muted)"></div>
     </div>
-    <div class="setting-group">
+    <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>
@@ -1169,8 +1184,8 @@
 
     // 设置
     // 快捷栏：skVisible 逐按钮勾选（唯一显隐依据，null=默认全显）；skMode 仅记录最接近的预设（高亮用）
-    const SK_LABELS = { draft:'📥 草稿', model:'模型', plan:'计划', compact:'压缩', resume:'恢复', clear:'清除', secrets:'🔑 密钥', guard:'🛡 护栏', followup:'🔄 跟进', git:'提交', memory:'记忆', skills:'技能', cost:'费用' };
-    const SK_NORMAL_PRESET = ['draft', 'plan', 'clear', 'guard', 'memory', 'skills'];
+    const SK_LABELS = { draft:'📥 草稿', folder:'📂 文件夹', model:'模型', plan:'计划', compact:'压缩', resume:'恢复', clear:'清除', secrets:'🔑 密钥', guard:'🛡 护栏', followup:'🔄 跟进', git:'提交', memory:'记忆', skills:'技能', cost:'费用' };
+    const SK_NORMAL_PRESET = ['draft', 'folder', 'plan', 'clear', 'guard', 'memory', 'skills'];
     const DEFAULT_SETTINGS = { parseOutput: true, showThinking: true, collapseTools: true, thinkCollapsed: true, enterMode: 'auto', skMode: null, skVisible: null };
     let settings = loadSettings();
 
@@ -2369,6 +2384,27 @@
       renderMsgNav();
       p.style.display = 'block';
     }
+    // 桌面端：鼠标移进聊天区/把手/清单 → 显示把手；离开 → 延迟 350ms 收起
+    // （清单开着时不收把手，方便看着清单滚动定位）。触屏设备无常显（见 CSS）。
+    let _navHideTimer = null;
+    function navShow() { clearTimeout(_navHideTimer); document.getElementById('msg-nav-btn').classList.add('hovered'); }
+    function navHideLater() {
+      clearTimeout(_navHideTimer);
+      _navHideTimer = setTimeout(() => {
+        if (document.getElementById('msg-nav-panel').style.display === 'block') return;
+        document.getElementById('msg-nav-btn').classList.remove('hovered');
+      }, 350);
+    }
+    ['mouseenter'].forEach(ev => {
+      chatArea.addEventListener(ev, navShow);
+      document.getElementById('msg-nav-btn').addEventListener(ev, navShow);
+      document.getElementById('msg-nav-panel').addEventListener(ev, navShow);
+    });
+    ['mouseleave'].forEach(ev => {
+      chatArea.addEventListener(ev, navHideLater);
+      document.getElementById('msg-nav-btn').addEventListener(ev, navHideLater);
+      document.getElementById('msg-nav-panel').addEventListener(ev, navHideLater);
+    });
     function renderMsgNav() {
       const list = document.getElementById('msg-nav-panel');
       const items = [...chatArea.querySelectorAll('.msg-input .bubble')]
@@ -3250,7 +3286,16 @@
     }
 
     // ── 设置面板 ──────────────────────────────────
-    window.openSettings = function() { document.getElementById('settings-backdrop').classList.add('open'); document.getElementById('settings-panel').classList.add('open'); syncSettingsUI(); };
+    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));
+      document.querySelectorAll('#settings-panel [data-stab]').forEach(g => { g.style.display = g.dataset.stab === tab ? '' : 'none'; });
+    }
+    document.querySelectorAll('#settings-tabs .stab').forEach(b => b.addEventListener('click', () => {
+      localStorage.setItem('myhi_settings_tab', b.dataset.tab);
+      applySettingsTab(b.dataset.tab);
+    }));
     window.closeSettings = function() { document.getElementById('settings-backdrop').classList.remove('open'); document.getElementById('settings-panel').classList.remove('open'); };
 
     // ── 文件管理 ──────────────────────────────────

package/package.json

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