claude-simple 0.2.14 → 0.2.15

package/package.json

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

package/public/index.html

@@ -83,7 +83,7 @@
   <link id="hljs-theme" rel="stylesheet" href="/vendor/highlight-dark.min.css">
   <script src="/vendor/highlight.min.js"></script>
   <script src="/vendor/mermaid.min.js"></script>
-  <link rel="stylesheet" href="style.css?v=ui-14">
+  <link rel="stylesheet" href="style.css?v=ui-15">
 </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>
@@ -99,6 +99,6 @@
       }
     }, 10000);
   </script>
-  <script type="module" src="app.js?v=ui-14"></script>
+  <script type="module" src="app.js?v=ui-15"></script>
 </body>
 </html>

package/public/mermaid.js

@@ -16,6 +16,19 @@ function setup() {
   return api;
 }
 
+function normalizeSource(raw) {
+  let source = String(raw || '').replace(/\r\n?/g, '\n').trim();
+  // Some agents include the Markdown fence or language name inside an already
+  // fenced Mermaid block.  Mermaid treats both as grammar tokens and renders
+  // its own error SVG, so remove that transport wrapper defensively.
+  source = source.replace(/^```(?:mermaid)?\s*/i, '').replace(/\s*```$/, '').trim();
+  source = source.replace(/^mermaid\s*\n/i, '');
+  // `graph` remains an alias, but normalising it avoids version-specific
+  // parser behaviour in Mermaid 11 and keeps generated diagrams consistent.
+  source = source.replace(/^graph\s+(TD|TB|BT|RL|LR)\b/i, 'flowchart $1');
+  return source;
+}
+
 /** Render fenced ```mermaid blocks below a freshly-rendered Markdown root. */
 export function renderMermaid(root) {
   const api = setup();
@@ -23,7 +36,7 @@ export function renderMermaid(root) {
   root.querySelectorAll('pre code.language-mermaid, pre code.lang-mermaid').forEach(code => {
     if (code.dataset.mermaidHandled) return;
     const pre = code.closest('pre');
-    const source = code.textContent?.trim();
+    const source = normalizeSource(code.textContent);
     if (!pre || !source) return;
     code.dataset.mermaidHandled = '1';
 
@@ -34,7 +47,10 @@ export function renderMermaid(root) {
     pre.replaceWith(host);
     const id = `mermaid-diagram-${++sequence}`;
 
-    Promise.resolve(api.render(id, source)).then(({ svg, bindFunctions }) => {
+    // Mermaid.render may resolve with an error SVG for invalid syntax rather
+    // than reject. Parse first so invalid generated content always takes the
+    // clean code-block fallback below.
+    Promise.resolve(api.parse(source)).then(() => api.render(id, source)).then(({ svg, bindFunctions }) => {
       host.innerHTML = svg;
       bindFunctions?.(host);
     }).catch(error => {

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-v19';
+const CACHE = 'agent-ui-shell-v20';
 const PRECACHE = [
   '/',
   '/index.html',
   '/manifest.webmanifest',
-  '/style.css?v=ui-14',
+  '/style.css?v=ui-15',
   '/style.css',
   '/ui.min.css',
   '/vendor/mini-react.min.js',
@@ -14,7 +14,7 @@ const PRECACHE = [
   '/vendor/highlight.min.js',
   '/vendor/highlight-dark.min.css',
   '/vendor/mermaid.min.js',
-  '/app.js?v=ui-14',
+  '/app.js?v=ui-15',
   '/icons/icon-192.png',
   '/icons/icon-512.png',
   '/icons/icon-maskable-512.png',