@wendongfly/myhi 1.3.107 → 1.3.108

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/package.json

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