@wendongfly/myhi 1.3.107 → 1.3.109

package/dist/chat.html

@@ -298,8 +298,22 @@
     .mem-file-header:hover { background: var(--border); }
     .mem-file-header .arrow { transition: transform 0.15s; font-size: 0.6rem; }
     .mem-file-header .arrow.open { transform: rotate(90deg); }
-    .mem-file-body { display: none; padding: 0.5rem 0.6rem; background: var(--bg); font-family: 'SF Mono','Consolas',monospace; font-size: 0.72rem; line-height: 1.5; white-space: pre-wrap; word-break: break-word; color: var(--text2); max-height: 300px; overflow-y: auto; }
+    .mem-file-body { display: none; padding: 0.55rem 0.7rem; background: var(--bg); font-size: 0.8rem; line-height: 1.6; word-break: break-word; color: var(--text2); max-height: 52vh; overflow-y: auto; }
     .mem-file-body.open { display: block; }
+    /* markdown 渲染样式（记忆正文，隐藏了 frontmatter） */
+    .mem-file-body.md h1, .mem-file-body.md h2, .mem-file-body.md h3 { font-size: 0.88rem; margin: 0.5rem 0 0.3rem; color: var(--text); }
+    .mem-file-body.md ul, .mem-file-body.md ol { margin: 0.3rem 0; padding-left: 1.2rem; }
+    .mem-file-body.md li { margin: 0.15rem 0; }
+    .mem-file-body.md p { margin: 0.35rem 0; }
+    .mem-file-body.md code { background: var(--surface2); padding: 0.05rem 0.3rem; border-radius: 4px; font-size: 0.75rem; font-family: 'SF Mono','Consolas',monospace; }
+    .mem-file-body.md pre { background: var(--surface2); padding: 0.5rem 0.6rem; border-radius: 6px; overflow-x: auto; }
+    .mem-file-body.md pre code { background: none; padding: 0; }
+    .mem-file-body.md a { color: var(--blue); }
+    .mem-file-body.md strong { color: var(--text); }
+    .mem-title { color: var(--blue); font-weight: 600; }
+    .mem-desc { display: block; color: var(--muted); font-size: 0.68rem; font-weight: 400; margin-top: 0.12rem; line-height: 1.4; white-space: normal; }
+    /* PC 上记忆面板加宽，别挤在窄底 sheet 里 */
+    @media (min-width: 900px) { #memory-sheet .action-sheet-box { max-width: 820px; } }
     .slash-inp { width: 100%; padding: 0.65rem 0.8rem; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; color: var(--text); font-size: 0.9rem; outline: none; }
     .slash-inp:focus { border-color: var(--purple); }
 
@@ -3568,20 +3582,48 @@
           return;
         }
 
-        for (const f of files) {
-          const card = document.createElement('div');
-          card.className = 'mem-file';
-          const header = document.createElement('div');
-          header.className = 'mem-file-header';
-          header.innerHTML = `<span class="arrow">▶</span> ${escHtml(f.name)}`;
-          const body = document.createElement('div');
-          body.className = 'mem-file-body';
-          body.textContent = f.content;
-          header.onclick = () => { body.classList.toggle('open'); header.querySelector('.arrow').classList.toggle('open'); };
-          card.appendChild(header);
-          card.appendChild(body);
-          container.appendChild(card);
-        }
+        // 拆掉开头的 --- frontmatter --- ，提取 description，正文单独渲染 markdown
+        const parseFM = (content) => {
+          const m = content.match(/^?---\r?\n([\s\S]*?)\r?\n---\r?\n?/);
+          if (!m) return { desc: '', body: content };
+          const dm = m[1].match(/^description:\s*(.+)$/m);
+          return { desc: dm ? dm[1].trim() : '', body: content.slice(m[0].length) };
+        };
+        const cleanName = (n) => n.replace(/^.*\//, '').replace(/\.md$/i, '');
+
+        // 搜索框
+        const search = document.createElement('input');
+        search.className = 'slash-inp';
+        search.placeholder = '搜索记忆（文件名 / 内容）…';
+        search.style.cssText = 'margin-bottom:0.5rem;width:100%;box-sizing:border-box';
+        const listWrap = document.createElement('div');
+        container.appendChild(search);
+        container.appendChild(listWrap);
+
+        const renderList = (kw) => {
+          kw = (kw || '').trim().toLowerCase();
+          listWrap.innerHTML = '';
+          let shown = 0;
+          for (const f of files) {
+            if (kw && !(f.name.toLowerCase().includes(kw) || (f.content || '').toLowerCase().includes(kw))) continue;
+            shown++;
+            const { desc, body: md } = parseFM(f.content || '');
+            const card = document.createElement('div');
+            card.className = 'mem-file';
+            const header = document.createElement('div');
+            header.className = 'mem-file-header';
+            header.innerHTML = `<span class="arrow">▶</span><span style="flex:1;min-width:0"><span class="mem-title">${escHtml(cleanName(f.name))}</span>${desc ? '<span class="mem-desc">' + escHtml(desc) + '</span>' : ''}</span>`;
+            const body = document.createElement('div');
+            body.className = 'mem-file-body md';
+            body.innerHTML = renderMarkdown(md.trim());
+            header.onclick = () => { body.classList.toggle('open'); header.querySelector('.arrow').classList.toggle('open'); };
+            card.appendChild(header); card.appendChild(body);
+            listWrap.appendChild(card);
+          }
+          if (!shown) listWrap.innerHTML = '<div style="color:var(--muted);text-align:center;padding:1.2rem 0;font-size:0.8rem">没有匹配的记忆</div>';
+        };
+        search.addEventListener('input', () => renderList(search.value));
+        renderList('');
       } catch (e) {
         container.innerHTML = '';
         container.appendChild(makeBar());

package/dist/grid.html

@@ -83,12 +83,24 @@
       return { layout: 'auto', panes: [] };
     }
     function saveState() {
-      state.panes = paneEls.map(p => p._sid || '');
+      // 存【稳定标识】而不是易变 id——myhi 会话 id 每次重启都重新 randomUUID，存 id 重启后必失效
+      state.panes = paneEls.map(p => p._key || null);
       localStorage.setItem(LS_KEY, JSON.stringify(state));
     }
     function esc(s){ return String(s==null?'':s).replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c])); }
     function sName(s){ return s.title || s.name || s.summary || (s.id||s.sessionId||'').slice(0,12) || '未命名'; }
     function sId(s){ return s.id || s.sessionId; }
+    function sessById(id){ return sessions.find(s => sId(s) === id); }
+    // 稳定标识：claudeSessionId(agent 会话，--resume 用，重启不变) / createdAt(持久化，稳定)
+    function keyOf(s){ return s ? { cid: s.claudeSessionId || null, createdAt: s.createdAt || null, cwd: s.cwd || null } : null; }
+    // 把稳定标识映射回【当前】会话 id（重启后 id 变了也能找回同一个会话）；找不到返回 ''
+    function resolveKey(key){
+      if (!key) return '';
+      if (typeof key === 'string') return sessById(key) ? key : ''; // 兼容旧格式(曾直接存 id)
+      for (const s of sessions) if (key.cid && s.claudeSessionId && s.claudeSessionId === key.cid) return sId(s);
+      for (const s of sessions) if (key.createdAt && s.createdAt === key.createdAt && (!key.cwd || s.cwd === key.cwd)) return sId(s);
+      return '';
+    }
 
     // ── 布局 ──
     function applyLayout() {
@@ -142,6 +154,7 @@
     }
     function setPaneSession(pane, sid, keepSelect) {
       pane._sid = sid || '';
+      pane._key = sid ? keyOf(sessById(sid)) : null; // 记住稳定标识，供重启后找回
       if (!keepSelect) pane._sel.value = sid || '';
       // 只重建这一格的 iframe，其它格不受影响
       if (pane._iframe) { pane._iframe.remove(); pane._iframe = null; }
@@ -181,7 +194,8 @@
     (async function init() {
       await refreshSessions(false);
       const initial = (state.panes && state.panes.length) ? state.panes : [];
-      for (const sid of initial) addPane(sid, true);
+      // 用稳定标识映射回当前 id；找不到→空格(可下拉重选)，不再加载死会话报「未找到」
+      for (const key of initial) addPane(resolveKey(key), true);
       applyLayout();
     })();
   </script>

package/package.json

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