claude-simple 0.2.22 → 0.2.23

package/dist/index.html

@@ -4,13 +4,13 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
   <title>Claude Code</title>
-  <link rel="stylesheet" href="/style.0.2.22.min.css">
+  <link rel="stylesheet" href="/style.0.2.23.min.css">
   <link rel="stylesheet" href="/highlight.min.css">
   <script src="/marked.min.js"></script>
   <script src="/highlight.min.js"></script>
 </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>
-  <script type="module" src="/app.0.2.22.min.js"></script>
+  <script type="module" src="/app.0.2.23.min.js"></script>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-simple",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "type": "module",
   "bin": {
     "claude-simple": "server.js",

package/public/agent-panel.js

@@ -6,6 +6,7 @@ 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';
 
 let panelOpen = false;
 let mode = 'chat'; // chat | report | history | config
@@ -29,7 +30,7 @@ const LAST_SESSION_KEY = 'ma_last_session_id';
 function mdHtml(text) {
   if (typeof marked !== 'undefined') {
     try {
-      return marked.parse(String(text ?? ''), { breaks: true, gfm: true });
+      return marked.parse(normalizeMarkdownText(text), { breaks: true, gfm: true });
     } catch { /* fallthrough */ }
   }
   return esc(text).replace(/\n/g, '<br>');

package/public/chat.js

@@ -8,6 +8,7 @@ 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';
 
 function assistantLabel() {
   return AGENT_LABELS[currentAgent.peek()] || 'Assistant';
@@ -1524,6 +1525,13 @@ function ensureMarked() {
       }
       return `<div class="table-wrap"><table><thead>${header}</thead><tbody>${body}</tbody></table></div>`;
     },
+    // Agent output is untrusted Markdown, not application HTML.  In
+    // particular agy's native transcript may contain `<truncated N bytes>`;
+    // letting marked emit that raw tag can unbalance the surrounding message
+    // DOM.  Show HTML-like content literally instead.
+    html(raw) {
+      return escapeCode(raw);
+    },
   };
 
   try {
@@ -1545,7 +1553,7 @@ function renderMarkdown(text) {
   if (typeof marked === 'undefined') return esc(text);
   try {
     ensureMarked();
-    return marked.parse(String(text ?? ''), { breaks: true, gfm: true });
+    return marked.parse(normalizeMarkdownText(text), { breaks: true, gfm: true });
   } catch {
     return esc(text);
   }

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-19">
+  <link rel="stylesheet" href="style.css?v=ui-20">
 </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-19"></script>
+  <script type="module" src="app.js?v=ui-20"></script>
 </body>
 </html>

package/public/markdown.js

@@ -0,0 +1,12 @@
+// Markdown input normalisation shared by chat, history and Meta Agent views.
+// Some agent transcript formats use `<truncated N bytes>` as a transport
+// 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.
+const TRUNCATED_TRANSCRIPT_MARKER = /(?:<|\[)\s*(?:…\s*)?truncated\s+([\d,]+)\s+bytes\s*(?:>|\])/gi;
+
+export function normalizeMarkdownText(value) {
+  return String(value ?? '').replace(TRUNCATED_TRANSCRIPT_MARKER, (_match, bytes) => {
+    return `\n\n> ⚠️ 原始记录已截断（${bytes} bytes）\n\n`;
+  });
+}

package/public/shell/session-list.js

@@ -13,6 +13,7 @@ import {
 import { api, NOT_MODIFIED } from '../api.js';
 import { getCachedSessions, setCachedSessions, getCachedWorkspaces, setCachedWorkspaces } from '../cache.js';
 import { formatTime, agentBadge, agentCountPills, shortPath } from './util.js';
+import { normalizeMarkdownText } from '../markdown.js';
 
 
 function normalizeSessions(v) {
@@ -424,7 +425,7 @@ export function mdToHtml(text) {
   if (typeof marked === 'undefined') return `<pre class="whitespace-pre-wrap text-xs">${esc(text)}</pre>`;
   try {
     // Prefer shared renderer if chat has configured marked
-    return marked.parse(String(text), { breaks: true, gfm: true });
+    return marked.parse(normalizeMarkdownText(text), { breaks: true, gfm: true });
   } catch {
     return `<pre class="whitespace-pre-wrap text-xs">${esc(text)}</pre>`;
   }

package/public/sw.js

@@ -1,12 +1,12 @@
 /* Agent UI service worker — cache shell assets only.
  * Never intercepts WebSocket or mutates API semantics beyond offline fallback.
  * Bump CACHE when shipping UI that must invalidate old shells. */
-const CACHE = 'agent-ui-shell-v24';
+const CACHE = 'agent-ui-shell-v25';
 const PRECACHE = [
   '/',
   '/index.html',
   '/manifest.webmanifest',
-  '/style.css?v=ui-19',
+  '/style.css?v=ui-20',
   '/style.css',
   '/ui.min.css',
   '/vendor/mini-react.min.js',
@@ -16,7 +16,7 @@ const PRECACHE = [
   '/vendor/mermaid.min.js',
   '/vendor/katex.min.js',
   '/vendor/katex.min.css',
-  '/app.js?v=ui-19',
+  '/app.js?v=ui-20',
   '/icons/icon-192.png',
   '/icons/icon-512.png',
   '/icons/icon-maskable-512.png',