@wendongfly/myhi 1.3.114 → 1.3.115

package/dist/chat.html

@@ -449,6 +449,12 @@
       <button class="fp-btn" onclick="fpExitSync()">退出同步</button>
     </div>
     <div class="fp-path" id="fp-path"></div>
+    <div id="fp-tools" style="display:flex;gap:0.4rem;align-items:center;padding:0.3rem 0.75rem;flex-wrap:wrap">
+      <button class="fp-btn" onclick="fpOpenFolder()" title="在服务端机器打开系统文件夹（你就坐在跑 myhi 的机器时有效）">📂 打开文件夹</button>
+      <button class="fp-btn" onclick="fpOpenEditor()" title="用 VS Code 打开项目（本机、装了 code 命令时有效）">VS Code</button>
+      <span style="flex:1"></span>
+      <button class="fp-btn" id="fp-sort-btn" onclick="fpToggleSort()" title="切换排序">排序: 名称</button>
+    </div>
     <div class="fp-list" id="fp-list"></div>
     <div class="fp-diff-actions" id="fp-diff-actions" style="display:none">
       <button class="fp-btn fp-btn-primary" onclick="fpSyncToLocal()">下载到本地</button>
@@ -1583,6 +1589,13 @@
         cancelBtn.classList.toggle('show', busy);
         sendBtn.style.display = busy ? 'none' : '';
       }
+      _postStatus(state);
+    }
+    // 内嵌分屏(iframe)时把状态上报给外层 grid，更新窗格状态灯
+    function _postStatus(state) {
+      if (window.parent && window.parent !== window) {
+        try { window.parent.postMessage({ type: 'myhi-status', sessionId: SESSION_ID, state }, '*'); } catch {}
+      }
     }
 
     function updateShortcutBar() {
@@ -2196,6 +2209,27 @@
 
     // ── 文件管理 ──────────────────────────────────
     let fpCurrentPath = '';
+    let fpSort = 'name'; // name | recent
+    window.fpToggleSort = function() {
+      fpSort = fpSort === 'name' ? 'recent' : 'name';
+      const b = document.getElementById('fp-sort-btn');
+      if (b) b.textContent = '排序: ' + (fpSort === 'recent' ? '最近修改' : '名称');
+      fpLoadFiles();
+    };
+    window.fpOpenFolder = async function() {
+      try {
+        const r = await fetch(`/api/session/${SESSION_ID}/open-folder`, { method: 'POST' });
+        const d = await r.json();
+        addStatusMessage(d.ok ? '已在服务端机器打开文件夹（远程访问则看不到，用下方列表浏览/下载）' : ('打开失败: ' + (d.error || '')));
+      } catch (e) { addStatusMessage('打开出错: ' + e.message); }
+    };
+    window.fpOpenEditor = async function() {
+      try {
+        const r = await fetch(`/api/session/${SESSION_ID}/open-editor`, { method: 'POST' });
+        const d = await r.json();
+        addStatusMessage(d.ok ? '已尝试用 VS Code 打开（需服务端装了 code 命令且你在本机）' : ('打开失败: ' + (d.error || '')));
+      } catch (e) { addStatusMessage('打开出错: ' + e.message); }
+    };
     window.openFilePanel = function() {
       fpCurrentPath = '';
       fpLoadFiles();
@@ -2223,7 +2257,10 @@
         if (data.parent != null) {
           html += `<div class="fp-item" onclick="fpNav('${escHtml(data.parent)}')"><span class="fp-icon">📁</span><span class="fp-name">..</span></div>`;
         }
-        for (const e of data.entries) {
+        const entries = (data.entries || []).slice();
+        if (fpSort === 'recent') entries.sort((a, b) => (b.mtime || 0) - (a.mtime || 0)); // 最近修改在前，看 AI 刚生成啥
+        else entries.sort((a, b) => (Number(b.isDir) - Number(a.isDir)) || a.name.localeCompare(b.name));
+        for (const e of entries) {
           const rel = fpCurrentPath ? fpCurrentPath + '/' + e.name : e.name;
           if (e.isDir) {
             html += `<div class="fp-item" onclick="fpNav('${escHtml(rel)}')"><span class="fp-icon">📁</span><span class="fp-name">${escHtml(e.name)}</span></div>`;
@@ -2740,6 +2777,7 @@
       }
       if (!_askQuestions.length) return;
       _renderAskSheet();
+      _postStatus('waiting'); // 通知外层 grid：本格在等你回答
     };
 
     function _renderAskSheet() {

package/dist/grid.html

@@ -47,6 +47,12 @@
     .pane-head select { flex:1; min-width:0; background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:6px; padding:0.28rem 0.4rem; font-size:0.78rem; }
     .pane-head .pane-picker { flex:1; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:0.3rem; text-align:left; }
     #tp-list [data-id]:hover { background:var(--surface2) !important; }
+    /* 窗格状态灯 */
+    .pane-dot { width:9px; height:9px; border-radius:50%; background:var(--dim); flex-shrink:0; }
+    .pane-dot.pulse { animation:panepulse 1.1s ease-in-out infinite; }
+    @keyframes panepulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+    .pane-head.flash { animation:paneflash 1s ease-in-out 3; }
+    @keyframes paneflash { 0%,100%{background:var(--surface2)} 50%{background:var(--blue2)} }
     .pane-head button { background:var(--bg); border:1px solid var(--border); color:var(--muted); border-radius:6px; padding:0.2rem 0.45rem; font-size:0.8rem; cursor:pointer; line-height:1; }
     .pane-head button:hover { color:var(--text); border-color:var(--blue2); }
     .pane-body { flex:1; min-height:0; position:relative; }
@@ -67,6 +73,7 @@
       <button data-lo="3">3列</button>
     </div>
     <span class="spacer"></span>
+    <button class="bar-btn" id="notify-btn" onclick="toggleNotify()" title="任务完成/待回答时桌面通知+提示音（默认关）">🔔 关</button>
     <button class="bar-btn" onclick="refreshSessions(true)" title="刷新任务列表">↻</button>
     <button class="bar-btn" onclick="addPane('')" title="加一个空窗格，从下拉选已有任务">＋ 窗格</button>
     <button class="bar-btn" style="border-color:var(--green);color:var(--green)" onclick="openNewTask()" title="新建任务（和首页一致：预设/名称/命令/目录）">🆕 新建任务</button>
@@ -174,10 +181,12 @@
     function addPane(sid, skipSave) {
       const pane = document.createElement('div'); pane.className = 'pane'; pane._sid = sid || '';
       const head = document.createElement('div'); head.className = 'pane-head';
+      const dot = document.createElement('span'); dot.className = 'pane-dot'; dot.title = '任务状态';
       const picker = document.createElement('button'); picker.className = 'pane-picker';
       const full = document.createElement('button'); full.textContent='↗'; full.title='在新标签页打开';
       const close = document.createElement('button'); close.textContent='✕'; close.title='关闭此格'; close.style.color='var(--red)';
-      head.appendChild(picker); head.appendChild(full); head.appendChild(close);
+      head.appendChild(dot); head.appendChild(picker); head.appendChild(full); head.appendChild(close);
+      pane._dot = dot; pane._head = head;
       const body = document.createElement('div'); body.className = 'pane-body';
       const empty = document.createElement('div'); empty.className='pane-empty'; empty.textContent='点上方「选择任务」挑一个（可搜索/分组/按标签）'; body.appendChild(empty);
       pane.appendChild(head); pane.appendChild(body);
@@ -350,6 +359,44 @@
       document.getElementById('nt-cwd').value = b.dataset.dir;
     });
 
+    // ── 窗格状态灯 + 完成/待回答高亮 + 通知（内嵌会话页 postMessage 上报）──
+    let _notify = localStorage.getItem('myhi_grid_notify') === '1';
+    function syncNotifyBtn(){ const b=document.getElementById('notify-btn'); if(b) b.textContent='🔔 '+(_notify?'开':'关'); }
+    window.toggleNotify = function(){
+      _notify = !_notify;
+      if (_notify && 'Notification' in window && Notification.permission==='default') Notification.requestPermission();
+      localStorage.setItem('myhi_grid_notify', _notify?'1':'0');
+      syncNotifyBtn();
+    };
+    syncNotifyBtn();
+    function paneTitle(pane){ const s = pane._sid ? sessById(pane._sid) : null; return s ? sName(s) : '任务'; }
+    function beep(){ try { const c=new (window.AudioContext||window.webkitAudioContext)(); const o=c.createOscillator(), g=c.createGain(); o.connect(g); g.connect(c.destination); o.frequency.value=660; g.gain.value=0.06; o.start(); setTimeout(()=>{o.stop();c.close();},180);} catch {} }
+    function fireNotify(pane,label){
+      if(!_notify) return;
+      try { if('Notification' in window && Notification.permission==='granted') new Notification('myhi · '+label,{body:paneTitle(pane)}); } catch {}
+      beep();
+    }
+    function setPaneStatus(pane,state){
+      const prev=pane._state; pane._state=state;
+      if(pane._dot){
+        const c={idle:'var(--green)',working:'var(--blue)',thinking:'var(--blue)',waiting:'#d29922'}[state]||'var(--dim)';
+        pane._dot.style.background=c;
+        pane._dot.classList.toggle('pulse', state==='working'||state==='thinking');
+        pane._dot.title={idle:'空闲/已完成',working:'执行中',thinking:'执行中',waiting:'等你回答'}[state]||'状态';
+      }
+      const justDone=(prev==='working'||prev==='thinking')&&state==='idle';
+      if(justDone||state==='waiting'){
+        if(pane._head){ pane._head.classList.remove('flash'); void pane._head.offsetWidth; pane._head.classList.add('flash'); setTimeout(()=>pane._head&&pane._head.classList.remove('flash'),3200); }
+        fireNotify(pane, state==='waiting'?'待回答':'已完成');
+      }
+    }
+    window.addEventListener('message',(e)=>{
+      const m=e.data;
+      if(!m||m.type!=='myhi-status') return;
+      const pane=paneEls.find(p=>p._sid&&p._sid===m.sessionId);
+      if(pane) setPaneStatus(pane,m.state);
+    });
+
     // ── 初始化 ──
     (async function init() {
       await refreshSessions(false);