claude-simple 0.2.27 → 0.2.30

package/public/git.js

@@ -74,7 +74,7 @@ export function initGitTab() {
       area.innerHTML = '<div class="p-4 text-sm text-base-content/50">Enter a project root above, or open a session with a working directory.</div>';
       return;
     }
-    const id = proj?.id || '_';
+    const id = '_';
     area.innerHTML = '<div class="p-4 text-xs text-base-content/40">Loading…</div>';
     try {
       const data = await api('GET', `/api/projects/${id}/git/status?root=${encodeURIComponent(root)}`, undefined, signal);
@@ -126,7 +126,7 @@ function loadGraph() {
   const root    = gitRoot.peek() || proj?.path;
   const content = $('git-graph-content');
   if (!root || !content) return;
-  const id = proj?.id || '_';
+  const id = '_';
   content.innerHTML = '<span class="text-base-content/40">Loading…</span>';
   api('GET', `/api/projects/${id}/git/log?root=${encodeURIComponent(root)}`)
     .then(d => { content.innerHTML = d.graph ? renderGraph(d.graph) : '<span class="text-base-content/40">No commits</span>'; })

package/public/index.html

@@ -85,7 +85,7 @@
   <script src="/vendor/mermaid.min.js"></script>
   <link rel="stylesheet" href="/vendor/katex.min.css">
   <script src="/vendor/katex.min.js"></script>
-  <link rel="stylesheet" href="style.css?v=ui-22">
+  <link rel="stylesheet" href="style.css?v=ui-25">
 </head>
 <body class="h-dvh overflow-hidden flex flex-col bg-base-100 text-base-content">
   <div id="root" class="flex flex-col flex-1 overflow-hidden"></div>
@@ -101,6 +101,6 @@
       }
     }, 10000);
   </script>
-  <script type="module" src="app.js?v=ui-22"></script>
+  <script type="module" src="app.js?v=ui-25"></script>
 </body>
 </html>

package/public/markdown.js

@@ -3,6 +3,8 @@
 // placeholder.  It is not HTML, but a Markdown parser will otherwise pass it
 // through as an element and a malformed placeholder can corrupt the rest of a
 // message's DOM.
+import { protectMath, restoreMath } from './math.js';
+
 const TRUNCATED_TRANSCRIPT_MARKER = /(?:<|\[)\s*(?:…\s*)?truncated\s+([\d,]+)\s+bytes\s*(?:>|\])/gi;
 
 export function normalizeMarkdownText(value) {
@@ -10,3 +12,17 @@ export function normalizeMarkdownText(value) {
     return `\n\n> ⚠️ 原始记录已截断（${bytes} bytes）\n\n`;
   });
 }
+
+export function parseMarkdownWithMath(value, { fallback } = {}) {
+  const { text, slots } = protectMath(normalizeMarkdownText(value));
+  if (typeof marked === 'undefined') {
+    const raw = fallback ? fallback(text) : text;
+    return restoreMath(raw, slots);
+  }
+  try {
+    return restoreMath(marked.parse(text, { breaks: true, gfm: true }), slots);
+  } catch {
+    const raw = fallback ? fallback(text) : text;
+    return restoreMath(raw, slots);
+  }
+}

package/public/math.js

@@ -1,5 +1,137 @@
-// KaTeX enhancement for Markdown output. The parser deliberately runs after
-// Marked so fenced code and Mermaid source stay literal.
+// KaTeX enhancement for Markdown output. Math is extracted before Marked so
+// `\[...\]` is not treated as an escaped bracket and `_` inside TeX is not
+// turned into emphasis. A leftover pass still runs on the DOM for any tokens
+// that survive as text.
+
+const LATEXISH = /\\[a-zA-Z]+|[_^]\{|\\[,;!]|\\[{}()[\]]|\\leq\b|\\geq\b|\\neq\b|\\in\b|\\sum\b|\\int\b|\\frac\b|\\min\b|\\max\b|\\mathrm\b|\\text\b|\\left\b|\\right\b/;
+
+export function looksLikeLatex(s) {
+  return LATEXISH.test(String(s || ''));
+}
+
+function htmlEscape(s) {
+  return String(s)
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+}
+
+function atLineStart(text, i) {
+  return i === 0 || text[i - 1] === '\n';
+}
+
+function matchFence(text, i) {
+  if (atLineStart(text, i) && (text.startsWith('```', i) || text.startsWith('~~~', i))) {
+    const fence = text.startsWith('```', i) ? '```' : '~~~';
+    const close = text.indexOf('\n' + fence, i + 3);
+    if (close === -1) return { end: text.length };
+    const after = close + 1 + fence.length;
+    return { end: after };
+  }
+  if (text[i] === '`') {
+    let n = 1;
+    while (text[i + n] === '`') n++;
+    let j = i + n;
+    while (j < text.length) {
+      if (text[j] === '`') {
+        let k = 0;
+        while (text[j + k] === '`') k++;
+        if (k === n) return { end: j + k };
+        j += k;
+        continue;
+      }
+      j++;
+    }
+    return { end: i + n };
+  }
+  return null;
+}
+
+function matchMath(text, i) {
+  const rest = text.slice(i);
+
+  if (rest.startsWith('$$')) {
+    const end = rest.indexOf('$$', 2);
+    if (end >= 2) {
+      const body = rest.slice(2, end);
+      if (body.trim()) return { body, display: true, end: i + end + 2 };
+    }
+  }
+
+  if (rest.startsWith('\\[')) {
+    const end = rest.indexOf('\\]', 2);
+    if (end >= 2) {
+      const body = rest.slice(2, end);
+      if (body.trim()) return { body, display: true, end: i + end + 2 };
+    }
+  }
+
+  if (rest.startsWith('\\(')) {
+    const end = rest.indexOf('\\)', 2);
+    if (end >= 2) {
+      const body = rest.slice(2, end);
+      if (body.trim()) return { body, display: false, end: i + end + 2 };
+    }
+  }
+
+  if (rest[0] === '$' && rest[1] !== '$') {
+    const m = rest.match(/^\$([^$\n]|\\\$)+?(?<!\s)\$/);
+    if (m && m[0][1] !== ' ') {
+      const body = m[0].slice(1, -1);
+      if (body.trim()) return { body, display: false, end: i + m[0].length };
+    }
+  }
+
+  if (atLineStart(text, i)) {
+    const block = rest.match(/^[ \t]*\[[ \t]*\n([\s\S]*?)\n[ \t]*\][ \t]*(?=\n|$)/);
+    if (block && looksLikeLatex(block[1])) {
+      return { body: block[1], display: true, end: i + block[0].length };
+    }
+    const line = rest.match(/^[ \t]*\[([^\]\n]+)\](?!\()/);
+    if (line && looksLikeLatex(line[1])) {
+      return { body: line[1], display: true, end: i + line[0].length };
+    }
+  }
+
+  return null;
+}
+
+export function protectMath(src) {
+  const slots = [];
+  const text = String(src ?? '');
+  let out = '';
+  let i = 0;
+  while (i < text.length) {
+    const fence = matchFence(text, i);
+    if (fence) {
+      out += text.slice(i, fence.end);
+      i = fence.end;
+      continue;
+    }
+    const math = matchMath(text, i);
+    if (math) {
+      const id = slots.length;
+      slots.push({ body: math.body, display: math.display });
+      out += `@@MATH${id}@@`;
+      i = math.end;
+      continue;
+    }
+    out += text[i];
+    i++;
+  }
+  return { text: out, slots };
+}
+
+export function restoreMath(html, slots) {
+  if (!slots?.length) return html;
+  return String(html).replace(/@@MATH(\d+)@@/g, (full, id) => {
+    const slot = slots[Number(id)];
+    if (!slot) return full;
+    const open = slot.display ? '\\[' : '\\(';
+    const close = slot.display ? '\\]' : '\\)';
+    return htmlEscape(`${open}${slot.body}${close}`);
+  });
+}
 
 function ignored(node) {
   return node.parentElement?.closest('pre, code, .mermaid-diagram, .katex, script, style');
@@ -10,9 +142,9 @@ function nextToken(text, from) {
     { re: /\\\[([\s\S]+?)\\\]/g, display: true },
     { re: /\$\$([\s\S]+?)\$\$/g, display: true },
     { re: /\\\(([\s\S]+?)\\\)/g, display: false },
-    // A closing dollar must not be escaped or preceded by whitespace. This
-    // leaves ordinary currency such as "$5 and $6" untouched.
     { re: /(?<!\\)\$([^$\n]|\\\$)+?(?<!\s)(?<!\\)\$/g, display: false },
+    { re: /(?:^|\n)[ \t]*\[[ \t]*\n([\s\S]*?)\n[ \t]*\][ \t]*(?=\n|$)/g, display: true, latex: true },
+    { re: /(?:^|\n)[ \t]*\[([^\]\n]+\\[a-zA-Z{}_^][^\]\n]*)\](?!\()/g, display: true, latex: true },
   ];
   let best = null;
   for (const pattern of patterns) {
@@ -20,10 +152,16 @@ function nextToken(text, from) {
     const match = pattern.re.exec(text);
     if (!match || (best && match.index >= best.match.index)) continue;
     const raw = match[0];
-    const body = raw.startsWith('\\[') || raw.startsWith('\\(')
-      ? raw.slice(2, -2)
-      : raw.startsWith('$$') ? raw.slice(2, -2) : raw.slice(1, -1);
+    let body;
+    if (match[1] != null && (pattern.latex || raw.startsWith('\\[') || raw.startsWith('\\(') || raw.startsWith('$$') || raw.startsWith('$'))) {
+      body = match[1];
+    } else {
+      body = raw.startsWith('\\[') || raw.startsWith('\\(')
+        ? raw.slice(2, -2)
+        : raw.startsWith('$$') ? raw.slice(2, -2) : raw.slice(1, -1);
+    }
     if (!body.trim()) continue;
+    if (pattern.latex && !looksLikeLatex(body)) continue;
     best = { match, body, display: pattern.display };
   }
   return best;

package/public/notes.js

@@ -0,0 +1,316 @@
+// notes.js — personal notes in the main pane (sidebar stays visible),
+// matching the Flutter HomePage "记事" chip: list + add/edit/delete cards
+// over the same /api/notes store.
+
+import { api } from './api.js';
+import { ctx } from './state.js';
+
+let notesCache = null;
+let notesEditingId = null;
+let notesBooted = false;
+let notesShowForm = false;
+
+export function openNotes() {
+  ensureNotesBoot();
+  const page = document.getElementById('notes-page');
+  if (!page) return;
+  page.hidden = false;
+  document.getElementById('welcome')?.classList.add('hidden');
+  const pv = document.getElementById('project-view');
+  if (pv) {
+    pv.classList.add('hidden');
+    pv.style.display = 'none';
+  }
+  document.documentElement.classList.remove('notes-open');
+  if ((location.hash || '') !== '#/notes') location.hash = '/notes';
+  loadNotes({ keepList: true });
+}
+
+export function closeNotes({ restore = true } = {}) {
+  const page = document.getElementById('notes-page');
+  if (!page) return;
+  page.hidden = true;
+  document.documentElement.classList.remove('notes-open');
+  notesEditingId = null;
+  notesShowForm = false;
+  const form = document.getElementById('notes-add-form');
+  if (form) form.hidden = true;
+  if (!restore) return;
+  if (ctx.sessionId) {
+    const pv = document.getElementById('project-view');
+    if (pv) {
+      pv.classList.remove('hidden');
+      pv.style.cssText = 'display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden';
+    }
+  } else {
+    const welcome = document.getElementById('welcome');
+    if (welcome) {
+      welcome.classList.remove('hidden');
+      welcome.style.display = '';
+    }
+  }
+}
+
+function ensureNotesBoot() {
+  if (notesBooted) return;
+  notesBooted = true;
+  const main = document.getElementById('main') || document.getElementById('root');
+  main.insertAdjacentHTML('beforeend', notesMarkup());
+  document.addEventListener('router:notes', () => openNotes());
+
+  const page = document.getElementById('notes-page');
+  page.addEventListener('click', (event) => {
+    const close = event.target.closest('[data-notes-close]');
+    if (close) {
+      closeNotes();
+      if ((location.hash || '') === '#/notes') history.back();
+      return;
+    }
+    const add = event.target.closest('[data-notes-add]');
+    if (add) {
+      event.preventDefault();
+      notesShowForm = !notesShowForm;
+      const form = document.getElementById('notes-add-form');
+      if (form) form.hidden = !notesShowForm;
+      add.textContent = notesShowForm ? '收起' : '+ 新增';
+      if (notesShowForm) document.getElementById('notes-add-text')?.focus();
+      return;
+    }
+    const submit = event.target.closest('[data-notes-submit]');
+    if (submit) {
+      event.preventDefault();
+      submitNote();
+      return;
+    }
+    const edit = event.target.closest('[data-notes-edit]');
+    if (edit) {
+      event.preventDefault();
+      startEditNote(edit.dataset.notesEdit);
+      return;
+    }
+    const save = event.target.closest('[data-notes-save]');
+    if (save) {
+      event.preventDefault();
+      saveEditNote();
+      return;
+    }
+    const cancel = event.target.closest('[data-notes-cancel]');
+    if (cancel) {
+      event.preventDefault();
+      if (notesEditingId) cancelEditNote();
+      else {
+        notesShowForm = false;
+        const form = document.getElementById('notes-add-form');
+        if (form) form.hidden = true;
+        const addBtn = document.querySelector('[data-notes-add]');
+        if (addBtn) addBtn.textContent = '+ 新增';
+      }
+      return;
+    }
+    const remove = event.target.closest('[data-notes-remove]');
+    if (remove) {
+      event.preventDefault();
+      const id = remove.dataset.notesRemove;
+      if (confirm('删除这条记录?')) deleteNote(id);
+    }
+  });
+
+  // Submit on Enter inside the textarea (Cmd/Ctrl+Enter), plain Enter inserts a newline.
+  const ta = document.getElementById('notes-add-text');
+  if (ta) {
+    ta.addEventListener('keydown', (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
+        e.preventDefault();
+        submitNote();
+      }
+    });
+  }
+}
+
+function notesMarkup() {
+  return `
+<section id="notes-page" class="notes-page" hidden>
+  <header class="notes-header">
+    <div>
+      <h2>记事</h2>
+      <p id="notes-count" class="notes-count">多端实时同步</p>
+    </div>
+    <div class="notes-header-actions">
+        <button class="btn btn-sm btn-ghost border border-base-300" data-notes-add>+ 新增</button>
+        <button class="btn btn-sm btn-ghost border border-base-300" data-notes-close>关闭</button>
+      </div>
+  </header>
+  <form id="notes-add-form" class="notes-add" hidden>
+    <textarea id="notes-add-text" placeholder="记一条… (Cmd/Ctrl+Enter 提交)" rows="3" maxlength="8000"></textarea>
+    <div class="notes-form-actions">
+      <button class="btn btn-sm btn-primary" data-notes-submit>保存</button>
+      <button class="btn btn-sm btn-ghost" type="button" data-notes-cancel>取消</button>
+    </div>
+  </form>
+  <ul id="notes-list" class="notes-list">
+    <li class="notes-empty">加载中…</li>
+  </ul>
+</section>`;
+}
+
+async function loadNotes({ keepList = false } = {}) {
+  const list = document.getElementById('notes-list');
+  if (!list) return;
+  if (!keepList || !notesCache) {
+    list.innerHTML = '<li class="notes-empty">加载中…</li>';
+  }
+  try {
+    const res = await api('GET', '/api/notes?limit=200', undefined, undefined, { hub: true });
+    notesCache = res?.items || [];
+    renderNotes();
+  } catch (err) {
+    list.innerHTML = `<li class="notes-empty notes-error">加载失败:${err?.message || err}</li>`;
+  }
+}
+
+function renderNotes() {
+  const list = document.getElementById('notes-list');
+  if (!list) return;
+  const count = document.getElementById('notes-count');
+  if (count) {
+    count.textContent = notesCache?.length
+      ? `${notesCache.length} 条记事 · 多端实时同步`
+      : '多端实时同步';
+  }
+  const form = document.getElementById('notes-add-form');
+  if (form) form.hidden = !notesShowForm;
+  if (!notesCache || notesCache.length === 0) {
+    list.innerHTML = '<li class="notes-empty">还没有记事。点上面的「新增」，或者在 Meta Agent 里输入「记: xxx」</li>';
+    return;
+  }
+  list.innerHTML = '';
+  for (const note of notesCache) {
+    const li = document.createElement('li');
+    li.className = 'notes-item';
+    li.dataset.id = note.id;
+    if (notesEditingId === note.id) {
+      li.innerHTML = `
+        <textarea class="notes-edit-text" rows="4">${escapeHtml(note.text)}</textarea>
+        <div class="notes-item-actions">
+          <button class="btn btn-sm btn-primary" data-notes-save>保存</button>
+          <button class="btn btn-sm btn-ghost" data-notes-cancel>取消</button>
+        </div>`;
+    } else {
+      li.innerHTML = `
+        <div class="notes-text">${escapeHtml(note.text)}</div>
+        <div class="notes-item-foot">
+          <span class="notes-meta">${formatTime(note.createdAt)}</span>
+          <div class="notes-item-actions">
+            <button class="btn btn-ghost btn-xs" data-notes-edit="${note.id}" title="编辑">编辑</button>
+            <button class="btn btn-ghost btn-xs text-error" data-notes-remove="${note.id}" title="删除">删除</button>
+          </div>
+        </div>`;
+    }
+    list.appendChild(li);
+  }
+}
+
+function startEditNote(id) {
+  notesEditingId = id;
+  renderNotes();
+}
+
+function cancelEditNote() {
+  notesEditingId = null;
+  renderNotes();
+}
+
+async function saveEditNote() {
+  const list = document.getElementById('notes-list');
+  if (!list) return;
+  const li = list.querySelector(`li[data-id="${cssEscape(notesEditingId)}"]`);
+  if (!li) return;
+  const ta = li.querySelector('.notes-edit-text');
+  if (!ta) return;
+  const text = (ta.value || '').trim();
+  if (!text) {
+    if (confirm('文本为空,删除这条记录?')) {
+      await deleteNote(notesEditingId);
+    }
+    return;
+  }
+  try {
+    await api('PATCH', `/api/notes/${notesEditingId}`, { text }, undefined, { hub: true });
+    notesEditingId = null;
+    await loadNotes({ keepList: true });
+  } catch (err) {
+    alert('保存失败:' + (err?.message || err));
+  }
+}
+
+async function submitNote() {
+  const ta = document.getElementById('notes-add-text');
+  if (!ta) return;
+  const text = (ta.value || '').trim();
+  if (!text) {
+    ta.focus();
+    return;
+  }
+  try {
+    await api('POST', '/api/notes', { text }, undefined, { hub: true });
+    ta.value = '';
+    notesShowForm = false;
+    const form = document.getElementById('notes-add-form');
+    if (form) form.hidden = true;
+    const addBtn = document.querySelector('[data-notes-add]');
+    if (addBtn) addBtn.textContent = '+ 新增';
+    await loadNotes({ keepList: true });
+  } catch (err) {
+    alert('保存失败:' + (err?.message || err));
+  }
+}
+
+async function deleteNote(id) {
+  try {
+    await api('DELETE', `/api/notes/${id}`, undefined, undefined, { hub: true });
+    if (notesEditingId === id) notesEditingId = null;
+    await loadNotes({ keepList: true });
+  } catch (err) {
+    alert('删除失败:' + (err?.message || err));
+  }
+}
+
+function formatTime(ms) {
+  if (!ms) return '';
+  const d = new Date(ms);
+  const pad = (n) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+// cssEscape polyfill (modern browsers expose CSS.escape on globalThis).
+function cssEscape(value) {
+  if (typeof CSS !== 'undefined' && CSS.escape) return CSS.escape(value);
+  return String(value).replace(/[^a-zA-Z0-9_-]/g, (c) => '\\' + c);
+}
+
+function escapeHtml(value) {
+  return String(value ?? '')
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+// Re-render if a Hub note event arrives while the page is open. The events
+// come from the chat WebSocket, so we listen on ctx.ws indirectly via state.
+if (typeof window !== 'undefined') {
+  window.addEventListener('hub:note-added', () => {
+    if (!document.getElementById('notes-page')?.hidden) loadNotes();
+  });
+  window.addEventListener('hub:note-updated', () => {
+    if (!document.getElementById('notes-page')?.hidden) loadNotes();
+  });
+  window.addEventListener('hub:note-removed', () => {
+    if (!document.getElementById('notes-page')?.hidden) loadNotes();
+  });
+}
+
+export function initNotes() {
+  ensureNotesBoot();
+}

package/public/pwa.js

@@ -69,7 +69,7 @@ export function initPwa() {
 
   // Register after first paint so install doesn't compete with boot.
   const register = () => {
-    navigator.serviceWorker.register('/sw.js', { scope: '/' })
+    navigator.serviceWorker.register('/sw.js?v=33', { scope: '/' })
       .then((reg) => {
         reg.addEventListener('updatefound', () => {
           const sw = reg.installing;

package/public/router.js

@@ -59,6 +59,10 @@ function applyHash(path) {
     document.dispatchEvent(new CustomEvent('router:settings'));
     return;
   }
+  if (pathname === '/notes') {
+    document.dispatchEvent(new CustomEvent('router:notes'));
+    return;
+  }
   // /session/:id  or  /session/:id/:tab
   const parsed = parseHashPath(path);
   if (!parsed) {

package/public/scroll-follow.js

@@ -0,0 +1,78 @@
+/** Pure helpers for chat scroll-follow. Keep reading history from being yanked. */
+
+export const NEAR_BOTTOM_PX = 80;
+
+export function isNearBottom(el, threshold = NEAR_BOTTOM_PX) {
+  if (!el) return true;
+  return el.scrollHeight - el.scrollTop - el.clientHeight < threshold;
+}
+
+/** Wheel toward older messages (negative deltaY) unpins immediately. */
+export function followAfterWheel(deltaY, following) {
+  if (deltaY < 0) return false;
+  return following;
+}
+
+export function followAfterScroll(nearBottom) {
+  return nearBottom;
+}
+
+export function shouldStick({ force = false, following = true, userScrolling = false } = {}) {
+  if (force) return true;
+  if (userScrolling) return false;
+  return following;
+}
+
+/**
+ * Bind a messages container. Returns { stick, setFollowing, isFollowing, destroy }.
+ */
+export function bindScrollFollow(el) {
+  let following = true;
+  let userScrolling = false;
+  let touchStartY = 0;
+
+  const onScroll = () => {
+    following = isNearBottom(el);
+    userScrolling = false;
+  };
+  const onWheel = (e) => {
+    following = followAfterWheel(e.deltaY, following);
+    if (e.deltaY < 0) userScrolling = true;
+  };
+  const onTouchStart = (e) => {
+    touchStartY = e.touches?.[0]?.clientY || 0;
+  };
+  const onTouchMove = (e) => {
+    const y = e.touches?.[0]?.clientY || 0;
+    if (y - touchStartY > 8) {
+      following = false;
+      userScrolling = true;
+    }
+  };
+
+  el.addEventListener('scroll', onScroll, { passive: true });
+  el.addEventListener('wheel', onWheel, { passive: true });
+  el.addEventListener('touchstart', onTouchStart, { passive: true });
+  el.addEventListener('touchmove', onTouchMove, { passive: true });
+
+  return {
+    stick(force = false) {
+      if (shouldStick({ force, following, userScrolling })) {
+        el.scrollTop = el.scrollHeight;
+        following = true;
+      }
+    },
+    setFollowing(v) {
+      following = !!v;
+    },
+    isFollowing() {
+      return following;
+    },
+    destroy() {
+      el.removeEventListener('scroll', onScroll);
+      el.removeEventListener('wheel', onWheel);
+      el.removeEventListener('touchstart', onTouchStart);
+      el.removeEventListener('touchmove', onTouchMove);
+    },
+  };
+}