claude-simple 0.2.28 → 0.2.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-simple",
-  "version": "0.2.28",
+  "version": "0.2.30",
   "type": "module",
   "bin": {
     "claude-simple": "server.js",
@@ -25,7 +25,7 @@
     "start": "NODE_ENV=production node server.js",
     "dev": "NODE_ENV=development node --watch server.js",
     "serve": "node server.js",
-    "test": "node --test",
+    "test": "node --test test/*.test.js",
     "gateway": "node gateway.js",
     "gateway:go": "cd gateway && go run .",
     "gateway:build": "cd gateway && make build",

package/public/agent-panel.js

@@ -6,7 +6,8 @@ import { esc, $ } from './lib.js';
 import { api, authHeaders, currentMachineId } from './api.js';
 import { hubMode, ctx, currentAgent, currentProject } from './state.js';
 import { renderMermaid } from './mermaid.js';
-import { normalizeMarkdownText } from './markdown.js';
+import { parseMarkdownWithMath } from './markdown.js';
+import { renderMath } from './math.js';
 
 let panelOpen = false;
 let mode = 'chat'; // chat | report | history | config
@@ -28,12 +29,9 @@ let currentNoteSnapshot = null;
 const LAST_SESSION_KEY = 'ma_last_session_id';
 
 function mdHtml(text) {
-  if (typeof marked !== 'undefined') {
-    try {
-      return marked.parse(normalizeMarkdownText(text), { breaks: true, gfm: true });
-    } catch { /* fallthrough */ }
-  }
-  return esc(text).replace(/\n/g, '<br>');
+  return parseMarkdownWithMath(text, {
+    fallback: (t) => esc(t).replace(/\n/g, '<br>'),
+  });
 }
 
 function highlight(root) {
@@ -43,6 +41,7 @@ function highlight(root) {
       try { hljs.highlightElement(el); } catch {}
     });
   }
+  renderMath(root);
   renderMermaid(root);
 }
 
@@ -78,6 +77,10 @@ async function streamSSE(path, body, handlers) {
         let data;
         try { data = JSON.parse(raw); } catch { continue; }
         handlers[event]?.(data);
+        if (!handlers[event] && handlers.tool) {
+          if (event === 'tool_call') handlers.tool({name:data.name, args:data.args, id:data.callId, phase:'start'});
+          if (event === 'tool_result') handlers.tool({id:data.callId, phase:data.ok === false ? 'error' : 'done', result:data.ok === false ? data.error : data.result});
+        }
         handlers.any?.(event, data);
         event = 'message';
       } else if (line.trim() === '') {
@@ -376,16 +379,19 @@ function appendMsg(kind, text, opts = {}) {
   } else if (kind === 'assistant') {
     el.innerHTML = `<div class="ma-bubble assistant md">${mdHtml(text)}</div>`;
     highlight(el);
+  } else if (kind === 'reasoning') {
+    el.innerHTML = `<details class="ma-reasoning" open><summary>思考过程</summary><pre style="white-space:pre-wrap"></pre></details>`;
+    el.querySelector('pre').textContent = text;
   } else if (kind === 'error') {
     el.innerHTML = `<div class="ma-bubble error">${esc(text)}</div>`;
   } else if (kind === 'system') {
     el.innerHTML = `<div class="ma-sys">${esc(text)}</div>`;
   } else if (kind === 'tool') {
-    el.innerHTML = `<div class="ma-tool" data-tool-id="${esc(opts.id || '')}">
-      <span class="ma-tool-name">${esc(opts.name || 'tool')}</span>
-      <span class="ma-tool-phase">${esc(opts.phase || '')}</span>
-      <pre class="ma-tool-args">${esc(JSON.stringify(opts.args || {}, null, 0).slice(0, 200))}</pre>
-    </div>`;
+    el.innerHTML = `<details class="ma-tool" data-tool-id="${esc(opts.id || '')}">
+      <summary><span class="ma-tool-name">${esc(opts.name || 'tool')}</span>
+      <span class="ma-tool-phase">${esc(opts.phase || '')}</span></summary>
+      <pre class="ma-tool-args" style="white-space:pre-wrap">${esc(JSON.stringify(opts.args || {}, null, 2))}</pre>
+    </details>`;
   }
   box.appendChild(el);
   box.scrollTop = box.scrollHeight;
@@ -409,14 +415,15 @@ function updateToolChip(id, phase, result) {
   el.classList.toggle('error', phase === 'error');
   const ph = el.querySelector('.ma-tool-phase');
   if (ph) ph.textContent = phase;
-  if (result && phase !== 'start') {
+  if (result !== undefined && phase !== 'start') {
     let pre = el.querySelector('.ma-tool-result');
     if (!pre) {
       pre = document.createElement('pre');
       pre.className = 'ma-tool-result';
+      pre.style.whiteSpace = 'pre-wrap';
       el.appendChild(pre);
     }
-    pre.textContent = JSON.stringify(result, null, 0).slice(0, 500);
+    pre.textContent = JSON.stringify(result, null, 2);
   }
 }
 
@@ -806,6 +813,10 @@ function renderHistoryMessages(messages) {
       continue;
     }
     if (m.role === 'assistant') {
+      if (m.reasoning) appendMsg('reasoning', m.reasoning).querySelector('details').open = false;
+      if (m.content) {
+        appendMsg('assistant', typeof m.content === 'string' ? m.content : userContentToText(m.content));
+      }
       if (m.tool_calls?.length) {
         for (const tc of m.tool_calls) {
           const name = tc.function?.name || tc.name || 'tool';
@@ -821,9 +832,6 @@ function renderHistoryMessages(messages) {
           });
         }
       }
-      if (m.content) {
-        appendMsg('assistant', typeof m.content === 'string' ? m.content : userContentToText(m.content));
-      }
       continue;
     }
     if (m.role === 'tool') {
@@ -833,7 +841,7 @@ function renderHistoryMessages(messages) {
       } catch { /* keep string */ }
       // attach to last matching tool chip if possible
       const id = m.tool_call_id || '';
-      if (id) updateToolChip(id, 'done', result);
+      if (id) updateToolChip(id, typeof result === 'string' && result.startsWith('error:') ? 'error' : 'done', result);
       else {
         appendMsg('tool', '', {
           name: 'tool_result',
@@ -850,11 +858,12 @@ function renderHistoryMessages(messages) {
           if (!pre) {
             pre = document.createElement('pre');
             pre.className = 'ma-tool-result';
+      pre.style.whiteSpace = 'pre-wrap';
             last.appendChild(pre);
           }
           pre.textContent = typeof result === 'string'
             ? result.slice(0, 500)
-            : JSON.stringify(result, null, 0).slice(0, 500);
+            : JSON.stringify(result, null, 2);
         }
       }
     }
@@ -942,6 +951,7 @@ async function sendChat() {
 
   let asstEl = null;
   let content = '';
+  let reasoningEl = null;
 
   try {
     await streamSSE('/api/ai/chat', {
@@ -959,6 +969,19 @@ async function sendChat() {
         localStorage.setItem(LAST_SESSION_KEY, d.id);
         updateSessionChrome();
       },
+      round_start: () => {
+        asstEl = null;
+        if (reasoningEl) reasoningEl.querySelector('details').open = false;
+        reasoningEl = null;
+      },
+      reasoning: (d) => {
+        if (!reasoningEl) reasoningEl = appendMsg('reasoning', '');
+        reasoningEl.querySelector('pre').textContent = d.content || '';
+      },
+      tool_call: (d) => {
+        appendMsg('tool', '', { name: d.name, args: d.args, phase: '执行中', id: d.callId });
+      },
+      tool_result: (d) => updateToolChip(d.callId, d.ok === false ? 'error' : 'done', d.ok === false ? d.error : d.result),
       content: (d) => {
         content = d.content || '';
         if (!asstEl) asstEl = appendMsg('assistant', '');
@@ -985,7 +1008,11 @@ async function sendChat() {
             messageCount: (currentSessionMeta?.messageCount || 0) + 2,
           };
         }
-        if (d.content && asstEl) updateAssistant(asstEl, d.content);
+        if (d.content) {
+          if (!asstEl) asstEl = appendMsg('assistant', '');
+          updateAssistant(asstEl, d.content);
+        }
+        if (reasoningEl) reasoningEl.querySelector('details').open = false;
         updateSessionChrome();
         refreshHistoryCache();
       },

package/public/api.js

@@ -63,7 +63,7 @@ export async function api(method, path, body, signal, opts = {}) {
       method,
       signal,
       headers,
-      ...(opts.cache ? { cache: opts.cache } : {}),
+      cache: opts.cache || (method.toUpperCase() === 'GET' ? 'no-store' : 'default'),
       ...(body !== undefined ? { body: JSON.stringify(body) } : {}),
     });
     if (res.status === 304) return NOT_MODIFIED;

package/public/app.js

@@ -1,17 +1,17 @@
 // app.js — Entry point
 import { ctx } from './state.js';
-import { probeHub } from './api.js';
+import { probeHub } from './api.js?v=ui-24';
 import { initShell, showApp, initAuth, resumeSession, switchTab, shouldRestoreSessionOnBoot } from './shell.js';
-import { initChat } from './chat.js';
-import { initFilesTab } from './files.js?v=ui-22';
+import { initChat } from './chat.js?v=ui-24';
+import { initFilesTab } from './files.js?v=ui-24';
 import { initGitTab } from './git.js';
 import { initSettings } from './settings.js';
 import { initNotes } from './notes.js';
 import { initTerminal } from './terminal.js';
-import { initImagePaste } from './chat.js';
+import { initImagePaste } from './chat.js?v=ui-24';
 import { initMetaAgent } from './agent-panel.js';
 import { initRouter, applyInitialRoute, parseHashPath } from './router.js';
-import { initPwa } from './pwa.js';
+import { initPwa } from './pwa.js?v=ui-24';
 import { initMobileChrome } from './mobile.js';
 
 function markBootReady() {

package/public/cache.js

@@ -24,4 +24,23 @@ export async function setCachedWorkspaces(workspaces) {
   catch {}
 }
 
+export async function getCachedTranscript(key) {
+  try { return recentTranscript(await db.get(`transcript:${key}`)); }
+  catch { return null; }
+}
+
+export async function setCachedTranscript(key, transcript) {
+  try { await db.set(`transcript:${key}`, recentTranscript(transcript), { ttl: 24 * 60 * 60 * 1000 }); }
+  catch {}
+}
+
 // lastSessionContext lives in shell/session-context.js (avoid stale cache.js in browsers)
+
+export function recentTranscript(snapshot) {
+  if (!snapshot?.msgs) return snapshot ?? null;
+  const drop = Math.max(0, snapshot.msgs.length - 80);
+  return { ...snapshot, msgs: snapshot.msgs.slice(drop), meta: {
+    ...snapshot.meta, oldestIndex: (snapshot.meta?.oldestIndex || 0) + drop,
+    truncated: drop > 0 || !!snapshot.meta?.truncated,
+  } };
+}

package/public/chat.js

@@ -1,5 +1,6 @@
 // chat.js — WebSocket, message rendering, send actions
 import { watch, delegate, esc, $ } from './lib.js';
+import { openWorkspaceFile } from './files.js?v=ui-23';
 import { ctx, isProcessing, currentProject, currentTab, currentModel, currentEffort, currentPermission,
          currentAgent, setAgent, AGENT_LABELS, getDefaultModel, getModelsForAgent, getEffortsForModel,
          getDefaultEffort, addCustomModel, setCurrentModel, chatDensity, wsStatus, sessionMetaMap, metaKey } from './state.js';
@@ -9,22 +10,42 @@ import { initWakeLock, setWakeLockDesired } from './wake-lock.js';
 import { pushNotification } from './notifications.js';
 import { renderMermaid } from './mermaid.js';
 import { renderMath } from './math.js';
-import { normalizeMarkdownText } from './markdown.js';
+import { parseMarkdownWithMath } from './markdown.js';
+import { bindScrollFollow, isNearBottom } from './scroll-follow.js';
 
 function assistantLabel() {
   return AGENT_LABELS[currentAgent.peek()] || 'Assistant';
 }
 
+function formatTurnError(raw) {
+  const t = String(raw || '').trim();
+  if (/remote compact task|error decoding response body/i.test(t)) {
+    return 'Codex 会话压缩失败（网络中断）。再发一条消息重试，或开新会话。';
+  }
+  return t || '发送失败';
+}
+
 // ── Scroll helpers ────────────────────────────────────────────────────────────
-// True when the user is at (or near) the bottom of the message list.
+let messageScroll = null;
+
 function atBottom(el) {
-  return el.scrollHeight - el.scrollTop - el.clientHeight < 80;
+  return isNearBottom(el);
 }
-// Scroll to bottom only if the user was already following along; otherwise leave
-// their scroll position untouched so reading history isn't interrupted.
+
+function ensureMessageScroll(el) {
+  if (!el) return null;
+  if (messageScroll && messageScroll.el === el) return messageScroll;
+  messageScroll?.destroy?.();
+  messageScroll = bindScrollFollow(el);
+  messageScroll.el = el;
+  return messageScroll;
+}
+
+// Scroll to bottom only if the user is following live output.
 function stickBottom(el, force) {
-  if (!el) return;
-  if (force || atBottom(el)) el.scrollTop = el.scrollHeight;
+  if (!el || el.dataset.historyPainting === '1') return;
+  const follow = ensureMessageScroll(el);
+  follow.stick(!!force);
 }
 
 // ── WebSocket (auto-reconnect for mobile radio / background) ─────────────────
@@ -464,6 +485,10 @@ function handleWsMessage(msg) {
     })[msg.type];
     if (noteEvent) window.dispatchEvent(new CustomEvent(noteEvent, { detail: msg }));
   }
+  if (msg._hubReplay === true) {
+    document.dispatchEvent(new CustomEvent('external-session-updated', { detail: msg }));
+    return;
+  }
   // Server outbox may pack multiple events into one frame
   if (msg.type === 'batch' && Array.isArray(msg.items)) {
     for (const item of msg.items) handleWsMessage(item);
@@ -542,7 +567,7 @@ function handleWsMessage(msg) {
       ctx.lock = { ...(ctx.lock || {}), held: false, foreign: true, holder: msg.lock?.holder || ctx.lock?.holder || 'another user' };
       applyComposerAccess();
     }
-    appendMsg('error', 'Error', msg.message);
+    appendMsg('error', 'Error', formatTurnError(msg.message));
     markTurnDone();
     return;
   }
@@ -661,7 +686,7 @@ function ensureAssistantStream(ts) {
   liveAsstEl = msgs.lastElementChild;
   liveAsstBody = liveAsstEl.querySelector('.msg-stream-body');
   $('stream-status')?.remove();
-  stickBottom(msgs, true);
+  stickBottom(msgs);
 }
 
 function appendAssistantDelta(chunk) {
@@ -670,7 +695,7 @@ function appendAssistantDelta(chunk) {
   if (!liveAsstBody) return;
   // Keep raw text while streaming; re-render markdown on finalize
   liveAsstBody.textContent += chunk;
-  stickBottom($('messages'), true);
+  stickBottom($('messages'));
 }
 
 function finalizeAssistantStream() {
@@ -708,7 +733,7 @@ function ensureThoughtStream() {
     </div>`);
   liveThoughtEl = msgs.lastElementChild;
   liveThoughtBody = liveThoughtEl.querySelector('.thought-body');
-  stickBottom(msgs, true);
+  stickBottom(msgs);
 }
 
 function appendThoughtDelta(chunk) {
@@ -718,7 +743,7 @@ function appendThoughtDelta(chunk) {
   liveThoughtBody.textContent += chunk;
   // Keep thought panel scrolled to end
   liveThoughtBody.scrollTop = liveThoughtBody.scrollHeight;
-  stickBottom($('messages'), true);
+  stickBottom($('messages'));
 }
 
 function finalizeThoughtStream() {
@@ -1024,7 +1049,7 @@ export function sendMessage() {
     if (!ok) appendSystemMsg('连接未就绪，命令已入队，重连后发送');
   } else {
     flushToolBatch();
-    appendMsg('user', 'You', text, { ts: now });
+    appendMsg('user', 'You', text, { ts: now, forceStick: true });
     const agent      = currentAgent.peek() || 'claude';
     const effort     = currentEffort.peek()
       || getDefaultEffort(agent, currentModel.peek())
@@ -1204,7 +1229,7 @@ export function appendMsg(role, _label, text, opts = {}) {
   msgs.insertAdjacentHTML('beforeend', bubbleHtml(role, text, ts));
   enhanceMarkdown(msgs.lastElementChild);
   if (role === 'assistant') addAssistantMessageActions(msgs.lastElementChild, text, opts);
-  stickBottom(msgs, role === 'user');
+  stickBottom(msgs, !!opts.forceStick);
 }
 
 export function appendSystemMsg(text) { appendMsg('system', '', text); }
@@ -1494,9 +1519,29 @@ export function appendContextBar(ctxInfo) {
   appendTokenBar(`▣ ${parts.join(' · ')}`);
 }
 
+export function beginHistoryRender() {
+  const msgs = $('messages');
+  if (!msgs) return;
+  msgs.dataset.historyPainting = '1';
+  msgs.innerHTML = '';
+  toolBatch = null;
+  assistantMessageRefs.clear();
+}
+
+export function endHistoryRender(scrollTop = null) {
+  const msgs = $('messages');
+  if (!msgs) return;
+  delete msgs.dataset.historyPainting;
+  if (scrollTop == null) stickBottom(msgs, true);
+  else {
+    msgs.scrollTop = Math.max(0, scrollTop);
+    ensureMessageScroll(msgs).setFollowing(isNearBottom(msgs));
+  }
+}
+
 export function clearMessages() {
   const msgs = $('messages'), perms = $('permission-requests');
-  if (msgs)  msgs.innerHTML  = '';
+  if (msgs) { msgs.innerHTML = ''; delete msgs.dataset.historyPainting; }
   if (perms) perms.innerHTML = '';
   ctx.shellBubble = null;
   toolBatch = null;
@@ -1517,7 +1562,7 @@ function appendQueuedGrokPrompt(text, sessionId = ctx.sessionId) {
   const key = queuedGrokPromptKey(text, sessionId);
   if (!text || renderedGrokQueuePrompts.has(key)) return;
   renderedGrokQueuePrompts.add(key);
-  appendMsg('user', 'You', text, { ts: Date.now() });
+  appendMsg('user', 'You', text, { ts: Date.now(), forceStick: true });
   $('messages')?.lastElementChild?.classList.add('queued-user-msg');
 }
 
@@ -1756,7 +1801,7 @@ function renderPermissionRequest(msg) {
         <button class="btn btn-error btn-xs"   data-perm-id="${id}" data-perm-allow="0">Deny</button>
       </div>
     </div>`);
-  $('messages').scrollTop = 999999;
+  stickBottom($('messages'));
 }
 
 /** Configure marked once: GFM + code chrome + table wrap. */
@@ -1826,7 +1871,7 @@ function renderMarkdown(text) {
   if (typeof marked === 'undefined') return esc(text);
   try {
     ensureMarked();
-    return marked.parse(normalizeMarkdownText(text), { breaks: true, gfm: true });
+    return parseMarkdownWithMath(text, { fallback: () => esc(text) });
   } catch {
     return esc(text);
   }
@@ -1883,6 +1928,15 @@ export function initChat() {
 
   watch(currentProject, () => syncWakeLock());
 
+  delegate.on('click', '#messages a, #chat-log a, .md-body a', (e, el) => {
+    const href = el.getAttribute('href') || '';
+    const cwd = currentProject.peek()?.path || '';
+    if (openWorkspaceFile(href, cwd)) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  });
+
   delegate.on('click', '#ws-banner-retry', e => {
     e.preventDefault();
     refreshConnection();
@@ -2006,7 +2060,10 @@ export function initChat() {
     new ResizeObserver(updateNav).observe(msgsEl);
     new MutationObserver(updateNav).observe(msgsEl, { childList: true, subtree: true });
     topBtn.addEventListener('click', () => msgsEl.scrollTo({ top: 0, behavior: 'smooth' }));
-    botBtn.addEventListener('click', () => msgsEl.scrollTo({ top: msgsEl.scrollHeight, behavior: 'smooth' }));
+    botBtn.addEventListener('click', () => {
+      ensureMessageScroll(msgsEl)?.setFollowing(true);
+      msgsEl.scrollTo({ top: msgsEl.scrollHeight, behavior: 'smooth' });
+    });
     updateNav();
   }
 

package/public/files.js

@@ -2,8 +2,10 @@
 import { effect, asyncEffect, delegate, esc, $ } from './lib.js';
 import { currentProject, currentTab, filesRoot, filesPath, viewingFile, ctx } from './state.js';
 import { api, authHeaders, authQuery } from './api.js';
+import { resolveWorkspaceFile } from './workspace-path.js?v=ui-23';
 import { renderMermaid } from './mermaid.js';
 import { renderMath } from './math.js';
+import { parseMarkdownWithMath } from './markdown.js';
 
 // ── Helpers ───────────────────────────────────────────────────────────────────
 function fileIcon(name) {
@@ -153,12 +155,9 @@ function renderTextFile(path, content, size) {
 }
 
 function markdownHtml(content) {
-  if (typeof marked !== 'undefined') {
-    try {
-      return marked.parse(content, { breaks: true, gfm: true });
-    } catch { /* Show the source below if parsing fails. */ }
-  }
-  return esc(content).replace(/\n/g, '<br>');
+  return parseMarkdownWithMath(content, {
+    fallback: (text) => esc(text).replace(/\n/g, '<br>'),
+  });
 }
 
 function renderMarkdownFile(path, content, size) {
@@ -357,7 +356,7 @@ function triggerUpload() {
   input.multiple = true;
   input.addEventListener('change', async () => {
     const dir = filesPath.peek();
-    const id = proj?.id || '_';
+    const id = '_';
     const files = [...input.files];
     let failed = false;
     for (const file of files) {
@@ -388,7 +387,7 @@ async function downloadFile(proj, filePath) {
     alert('No path selected — set root first');
     return;
   }
-  const id = proj?.id || '_';
+  const id = '_';
   const name = (filePath || '').split('/').pop() || 'download';
   // Prefer Authorization header (no token in URL / logs). authQuery kept as
   // fallback for environments that only support plain navigations.
@@ -433,7 +432,7 @@ async function downloadFile(proj, filePath) {
 async function deleteFile(proj, filePath) {
   if (!confirm(`Delete "${filePath.split('/').pop()}"?`)) return;
   const root = filesRoot.peek() || proj?.path || '';
-  const id = proj?.id || '_';
+  const id = '_';
   try {
     await api('DELETE', `/api/projects/${id}/file?root=${encodeURIComponent(root)}&path=${encodeURIComponent(filePath)}`);
     filesPath.value = filesPath.peek() + ' ';
@@ -469,6 +468,23 @@ async function showFile(area, file, data, signal) {
 }
 
 // ── Init ──────────────────────────────────────────────────────────────────────
+/** Open a machine-local path from a chat markdown link. */
+export function openWorkspaceFile(href, cwd) {
+  const target = resolveWorkspaceFile(href, cwd || filesRoot.peek() || currentProject.peek()?.path || '');
+  if (!target) return false;
+  if (target.root) filesRoot.value = target.root;
+  if (target.isDir) {
+    viewingFile.value = null;
+    filesPath.value = target.relative;
+  } else {
+    const parts = target.relative.split('/').filter(Boolean);
+    filesPath.value = parts.slice(0, -1).join('/');
+    viewingFile.value = target.relative;
+  }
+  currentTab.value = 'files';
+  return true;
+}
+
 export function initFilesTab() {
   effect(() => {
     const bc = $('files-breadcrumb');
@@ -494,7 +510,7 @@ export function initFilesTab() {
       area.innerHTML = '<div class="p-4 text-xs text-base-content/40">No path yet — open a session (uses that machine&apos;s cwd) or type an absolute path and press Go.</div>';
       return;
     }
-    const id = proj?.id || '_';
+    const id = '_';
     area.innerHTML = '<div class="p-4 text-xs text-base-content/40">Loading…</div>';
     try {
       if (file !== null) {

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);
+  }
+}