@delt/claude-alarm 0.6.16 → 0.6.18

package/dist/dashboard/index.html

@@ -445,7 +445,10 @@
     transition: opacity 0.15s;
   }
   .notif-dismiss:hover { color: var(--red); }
-  .notif-item .notif-message { color: var(--text-dim); }
+  .notif-item .notif-message { color: var(--text-dim); overflow: hidden; word-break: break-word; }
+  .notif-item .notif-message h2, .notif-item .notif-message h3, .notif-item .notif-message h4 { font-size: 12px; margin: 2px 0; }
+  .notif-item .notif-message pre { font-size: 10px; padding: 4px 6px; max-height: 60px; overflow: hidden; }
+  .notif-item .notif-message code { font-size: 10px; }
   .notif-item .notif-time { font-size: 11px; color: var(--text-dim); margin-top: 4px; }
   .notif-header {
     display: flex;
@@ -1198,7 +1201,7 @@
       }
       return `<div class="notif-item" data-session="${n.sessionId}" data-index="${i}">
         <div class="notif-title"><span class="notif-level ${n.level}"></span><span class="notif-title-text">${esc(n.title)}</span><button class="notif-dismiss" data-index="${i}">&times;</button></div>
-        <div class="notif-message">${renderMarkdown(n.message)}</div>${permButtons}
+        <div class="notif-message">${esc(stripMarkdown(n.message))}</div>${permButtons}
         <div class="notif-time">${sName} &middot; ${timeStr}</div>
       </div>`;
     }).join('');
@@ -1351,6 +1354,18 @@
     return d.innerHTML;
   }
 
+  function stripMarkdown(s) {
+    return s
+      .replace(/```[\s\S]*?```/g, '')       // code blocks
+      .replace(/`([^`]+)`/g, '$1')           // inline code
+      .replace(/\*\*(.+?)\*\*/g, '$1')       // bold
+      .replace(/\*(.+?)\*/g, '$1')           // italic
+      .replace(/^#{1,3}\s+/gm, '')           // headings
+      .replace(/^- /gm, '· ')               // list items
+      .replace(/\n{2,}/g, '\n')              // multiple newlines
+      .trim();
+  }
+
   function renderMarkdown(text) {
     let html = esc(text);
     html = html.replace(/```(\w*)\n?([\s\S]*?)```/g, '<pre><code>$2</code></pre>');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delt/claude-alarm",
-  "version": "0.6.16",
+  "version": "0.6.18",
   "description": "Monitor and get notifications from multiple Claude Code sessions via MCP Channels",
   "type": "module",
   "main": "./dist/index.js",

package/src/dashboard/index.html

@@ -445,7 +445,10 @@
     transition: opacity 0.15s;
   }
   .notif-dismiss:hover { color: var(--red); }
-  .notif-item .notif-message { color: var(--text-dim); }
+  .notif-item .notif-message { color: var(--text-dim); overflow: hidden; word-break: break-word; }
+  .notif-item .notif-message h2, .notif-item .notif-message h3, .notif-item .notif-message h4 { font-size: 12px; margin: 2px 0; }
+  .notif-item .notif-message pre { font-size: 10px; padding: 4px 6px; max-height: 60px; overflow: hidden; }
+  .notif-item .notif-message code { font-size: 10px; }
   .notif-item .notif-time { font-size: 11px; color: var(--text-dim); margin-top: 4px; }
   .notif-header {
     display: flex;
@@ -1198,7 +1201,7 @@
       }
       return `<div class="notif-item" data-session="${n.sessionId}" data-index="${i}">
         <div class="notif-title"><span class="notif-level ${n.level}"></span><span class="notif-title-text">${esc(n.title)}</span><button class="notif-dismiss" data-index="${i}">&times;</button></div>
-        <div class="notif-message">${renderMarkdown(n.message)}</div>${permButtons}
+        <div class="notif-message">${esc(stripMarkdown(n.message))}</div>${permButtons}
         <div class="notif-time">${sName} &middot; ${timeStr}</div>
       </div>`;
     }).join('');
@@ -1351,6 +1354,18 @@
     return d.innerHTML;
   }
 
+  function stripMarkdown(s) {
+    return s
+      .replace(/```[\s\S]*?```/g, '')       // code blocks
+      .replace(/`([^`]+)`/g, '$1')           // inline code
+      .replace(/\*\*(.+?)\*\*/g, '$1')       // bold
+      .replace(/\*(.+?)\*/g, '$1')           // italic
+      .replace(/^#{1,3}\s+/gm, '')           // headings
+      .replace(/^- /gm, '· ')               // list items
+      .replace(/\n{2,}/g, '\n')              // multiple newlines
+      .trim();
+  }
+
   function renderMarkdown(text) {
     let html = esc(text);
     html = html.replace(/```(\w*)\n?([\s\S]*?)```/g, '<pre><code>$2</code></pre>');