@wendongfly/myhi 1.3.106 → 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); }
 
@@ -3534,38 +3548,89 @@
     });
 
     // ── Claude 记忆查看 ──────────────────────────────
-    window.showMemory = async function() {
+    let _memScope = 'project'; // 默认只看本项目
+    window.showMemory = async function(scope) {
+      if (scope) _memScope = scope;
       const container = document.getElementById('memory-content');
       container.innerHTML = '<div style="text-align:center;color:var(--muted);padding:2rem 0">加载中...</div>';
       document.getElementById('memory-sheet').classList.add('open');
 
+      const segBtn = (val, label) =>
+        `<button onclick="showMemory('${val}')" style="flex:1;padding:0.4rem;border-radius:7px;cursor:pointer;font-size:0.76rem;` +
+        `border:1px solid ${_memScope===val?'var(--purple)':'var(--border)'};` +
+        `background:${_memScope===val?'var(--purple)':'var(--bg)'};color:${_memScope===val?'#fff':'var(--muted)'}">${label}</button>`;
+      const makeBar = () => {
+        const bar = document.createElement('div');
+        bar.style.cssText = 'display:flex;gap:0.4rem;margin-bottom:0.55rem';
+        bar.innerHTML = segBtn('project', '本项目') + segBtn('all', '全部（含全局/其它项目）');
+        return bar;
+      };
+
       try {
-        const resp = await fetch(`/api/memory?sessionId=${SESSION_ID}`);
+        const resp = await fetch(`/api/memory?sessionId=${SESSION_ID}&scope=${_memScope}`);
         const data = await resp.json();
         const files = data.files || [];
 
+        container.innerHTML = '';
+        container.appendChild(makeBar());
+
         if (files.length === 0) {
-          container.innerHTML = '<div style="text-align:center;color:var(--muted);padding:2rem 0">暂无记忆文件</div>';
+          const e = document.createElement('div');
+          e.style.cssText = 'text-align:center;color:var(--muted);padding:1.5rem 0';
+          e.textContent = _memScope === 'project' ? '本项目暂无记忆文件' : '暂无记忆文件';
+          container.appendChild(e);
           return;
         }
 
-        container.innerHTML = '';
-        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 = `<div style="text-align:center;color:var(--red);padding:2rem 0">加载失败: ${escHtml(e.message)}</div>`;
+        container.innerHTML = '';
+        container.appendChild(makeBar());
+        const err = document.createElement('div');
+        err.style.cssText = 'text-align:center;color:var(--red);padding:1.5rem 0';
+        err.textContent = '加载失败: ' + e.message;
+        container.appendChild(err);
       }
     };