claude-code-kanban 1.19.0 → 2.0.0

package/README.md

@@ -4,7 +4,9 @@
 [![license](https://img.shields.io/npm/l/claude-code-kanban)](LICENSE)
 [![npm downloads](https://img.shields.io/npm/dm/claude-code-kanban)](https://www.npmjs.com/package/claude-code-kanban)
 
-> Watch Claude Code think, in real time.
+**[Live Demo & Docs](https://nikiforovall.blog/claude-code-kanban/)**
+
+> Watch Claude Code work, in real time.
 
 ![Dark mode](assets/screenshot-dark-v2.png)
 

package/lib/parsers.js

@@ -112,11 +112,28 @@ function parseJsonlLine(line) {
   return base;
 }
 
+const TOOL_RESULT_MAX = 1500;
+
 // Cache: jsonlPath -> { scannedUpTo, customTitle }
 // Only re-scan the new bytes appended since last scan
 const customTitleCache = new Map();
 const CUSTOM_TITLE_SCAN_SIZE = 1048576; // 1MB max scan on first read
 
+function extractCustomTitleFromText(text) {
+  if (!text.includes('"custom-title"')) return null;
+  const lines = text.split('\n');
+  for (let i = lines.length - 1; i >= 0; i--) {
+    if (!lines[i].includes('"custom-title"')) continue;
+    try {
+      const data = JSON.parse(lines[i]);
+      if (data.type === 'custom-title' && data.customTitle && !data.customTitle.startsWith('<')) {
+        return data.customTitle;
+      }
+    } catch (e) {}
+  }
+  return null;
+}
+
 function readCustomTitle(jsonlPath, existingStat) {
   try {
     const stat = existingStat || statSync(jsonlPath);
@@ -127,27 +144,21 @@ function readCustomTitle(jsonlPath, existingStat) {
     let customTitle = cached?.customTitle || null;
     const fd = fs.openSync(jsonlPath, 'r');
 
-    // On first scan, read last 256KB; on subsequent, only read new bytes
-    const scanStart = cached
-      ? cached.scannedUpTo
-      : Math.max(0, stat.size - CUSTOM_TITLE_SCAN_SIZE);
-    const len = stat.size - scanStart;
-    if (len > 0) {
-      const buf = Buffer.alloc(len);
-      fs.readSync(fd, buf, 0, len, scanStart);
-      const text = buf.toString('utf8');
-      if (text.includes('"custom-title"')) {
-        const lines = text.split('\n');
-        for (let i = lines.length - 1; i >= 0; i--) {
-          if (!lines[i].includes('"custom-title"')) continue;
-          try {
-            const data = JSON.parse(lines[i]);
-            if (data.type === 'custom-title' && data.customTitle) {
-              customTitle = data.customTitle;
-              break;
-            }
-          } catch (e) {}
-        }
+    if (cached) {
+      const len = stat.size - cached.scannedUpTo;
+      if (len > 0) {
+        const buf = Buffer.alloc(len);
+        fs.readSync(fd, buf, 0, len, cached.scannedUpTo);
+        customTitle = extractCustomTitleFromText(buf.toString('utf8')) || customTitle;
+      }
+    } else {
+      const CHUNK = CUSTOM_TITLE_SCAN_SIZE;
+      for (let offset = 0; offset < stat.size; offset += CHUNK) {
+        const len = Math.min(CHUNK, stat.size - offset);
+        const buf = Buffer.alloc(len);
+        fs.readSync(fd, buf, 0, len, offset);
+        const found = extractCustomTitleFromText(buf.toString('utf8'));
+        if (found) customTitle = found;
       }
     }
 
@@ -203,12 +214,28 @@ function readSessionInfoFromJsonl(jsonlPath) {
   return result;
 }
 
+function getSystemMessageLabel(text) {
+  const taskMatch = text.match(/<summary>([^<]+)<\/summary>/);
+  if (taskMatch) return taskMatch[1].trim();
+  if (text.includes('<task-notification>')) {
+    const statusMatch = text.match(/<status>([^<]+)<\/status>/);
+    return statusMatch ? `Background task ${statusMatch[1]}` : 'Background task notification';
+  }
+  if (text.includes('<local-command-stdout>') && text.includes('Compacted')) return 'Compacted';
+  if (text.includes('<local-command-stdout>')) return 'Command output';
+  if (text.includes('<local-command-caveat>')) return 'System notification';
+  if (text.includes('.output completed') && text.includes('Background command')) return 'Background task completed';
+  if (text.startsWith('This session is being continued from a previous conversation')) return '__skip__';
+  return null;
+}
+
 function readRecentMessages(jsonlPath, limit = 10) {
   let fd;
   try {
     const stat = statSync(jsonlPath);
     fd = require('fs').openSync(jsonlPath, 'r');
     const messages = [];
+    const toolResults = new Map();
     let readSize = Math.min(65536, stat.size);
 
     while (messages.length < limit && readSize <= stat.size) {
@@ -222,6 +249,7 @@ function readRecentMessages(jsonlPath, limit = 10) {
       const clean = firstNewline >= 0 ? text.substring(firstNewline + 1) : text;
 
       messages.length = 0;
+      toolResults.clear();
       for (const line of clean.split('\n')) {
         if (!line.trim()) continue;
         try {
@@ -261,16 +289,73 @@ function readRecentMessages(jsonlPath, limit = 10) {
                   }
                   else if (inp.description) { detail = inp.description; fullDetail = inp.description; }
                 }
+                const params = {};
+                if (inp) {
+                  if (block.name === 'Edit') {
+                    if (inp.old_string) params.old_string = inp.old_string;
+                    if (inp.new_string) params.new_string = inp.new_string;
+                    if (inp.replace_all) params.replace_all = true;
+                  } else if (block.name === 'Write') {
+                    if (inp.content) params.content = inp.content.length > TOOL_RESULT_MAX ? inp.content.slice(0, TOOL_RESULT_MAX) + '\n... (truncated)' : inp.content;
+                  } else if (block.name === 'Grep') {
+                    if (inp.path) params.path = inp.path;
+                    if (inp.glob) params.glob = inp.glob;
+                    if (inp.type) params.type = inp.type;
+                    if (inp.output_mode) params.output_mode = inp.output_mode;
+                    if (inp['-i']) params.case_insensitive = true;
+                    if (inp['-A']) params.after = inp['-A'];
+                    if (inp['-B']) params.before = inp['-B'];
+                    if (inp['-C'] || inp.context) params.context = inp['-C'] || inp.context;
+                    if (inp.multiline) params.multiline = true;
+                    if (inp.head_limit) params.head_limit = inp.head_limit;
+                  } else if (block.name === 'Glob') {
+                    if (inp.path) params.path = inp.path;
+                  } else if (block.name === 'Bash') {
+                    if (inp.timeout) params.timeout = inp.timeout;
+                    if (inp.run_in_background) params.background = true;
+                  } else if (block.name === 'Read') {
+                    if (inp.offset) params.offset = inp.offset;
+                    if (inp.limit) params.limit = inp.limit;
+                    if (inp.pages) params.pages = inp.pages;
+                  } else if (block.name === 'WebFetch') {
+                    if (inp.prompt) params.prompt = inp.prompt;
+                  } else if (block.name === 'WebSearch') {
+                    if (inp.max_results) params.max_results = inp.max_results;
+                    if (inp.allowed_domains) params.allowed_domains = inp.allowed_domains.join(', ');
+                    if (inp.blocked_domains) params.blocked_domains = inp.blocked_domains.join(', ');
+                  } else if (block.name === 'LSP') {
+                    if (inp.operation) params.operation = inp.operation;
+                    if (inp.filePath) params.filePath = inp.filePath;
+                    if (inp.line != null) params.line = inp.line;
+                    if (inp.character != null) params.character = inp.character;
+                  } else if (block.name === 'ToolSearch') {
+                    if (inp.max_results) params.max_results = inp.max_results;
+                  } else if (block.name === 'TaskCreate') {
+                    if (inp.description) params.description = inp.description;
+                  } else if (block.name === 'TaskUpdate') {
+                    if (inp.taskId) params.taskId = inp.taskId;
+                    if (inp.status) params.status = inp.status;
+                  } else if (block.name === 'NotebookEdit') {
+                    if (inp.command) params.command = inp.command;
+                    if (inp.cell_type) params.cell_type = inp.cell_type;
+                  } else if (block.name === 'Agent') {
+                    if (inp.mode) params.mode = inp.mode;
+                    if (inp.model) params.model = inp.model;
+                    if (inp.run_in_background) params.background = true;
+                    if (inp.isolation) params.isolation = inp.isolation;
+                  }
+                }
                 const msg = {
                   type: 'tool_use',
                   tool: block.name,
                   detail,
                   fullDetail: fullDetail !== detail ? fullDetail : null,
                   description: inp?.description || null,
+                  params: Object.keys(params).length > 0 ? params : null,
                   timestamp: obj.timestamp
                 };
+                if (block.id) msg.toolUseId = block.id;
                 if (block.name === 'Agent') {
-                  if (block.id) msg.toolUseId = block.id;
                   if (inp) {
                     msg.agentType = inp.subagent_type || null;
                     if (inp.prompt) msg.agentPrompt = inp.prompt;
@@ -282,13 +367,33 @@ function readRecentMessages(jsonlPath, limit = 10) {
           } else if (obj.type === 'user' && obj.message?.role === 'user' && !obj.isMeta) {
             if (typeof obj.message.content === 'string') {
               const t = obj.message.content;
+              const sysLabel = getSystemMessageLabel(t);
+              if (sysLabel === '__skip__') continue;
               const uTruncated = t.length > 500;
               messages.push({
                 type: 'user',
                 text: uTruncated ? t.slice(0, 500) + '...' : t,
                 fullText: uTruncated ? t : null,
-                timestamp: obj.timestamp
+                timestamp: obj.timestamp,
+                ...(sysLabel && { systemLabel: sysLabel })
               });
+            } else if (Array.isArray(obj.message.content)) {
+              for (const block of obj.message.content) {
+                if (block.type === 'tool_result' && block.tool_use_id) {
+                  let resultText = '';
+                  if (typeof block.content === 'string') {
+                    resultText = block.content;
+                  } else if (Array.isArray(block.content)) {
+                    resultText = block.content
+                      .filter(c => c.type === 'text' && c.text)
+                      .map(c => c.text)
+                      .join('\n');
+                  }
+                  if (resultText) {
+                    toolResults.set(block.tool_use_id, resultText);
+                  }
+                }
+              }
             }
           }
         } catch (e) { /* partial line */ }
@@ -298,8 +403,20 @@ function readRecentMessages(jsonlPath, limit = 10) {
       readSize *= 4;
     }
 
+    // Attach tool results to their corresponding tool_use messages
+    for (const msg of messages) {
+      if (msg.type === 'tool_use' && msg.toolUseId && toolResults.has(msg.toolUseId)) {
+        const full = toolResults.get(msg.toolUseId);
+        const truncated = full.length > TOOL_RESULT_MAX;
+        msg.toolResult = truncated ? full.slice(0, TOOL_RESULT_MAX) + '\n... (truncated)' : full;
+        msg.toolResultTruncated = truncated;
+        if (truncated) msg.toolResultFull = full;
+      }
+    }
+
     require('fs').closeSync(fd);
     fd = null;
+    messages.sort((a, b) => (a.timestamp || '').localeCompare(b.timestamp || ''));
     return messages.slice(-limit);
   } catch (e) {
     if (fd) try { require('fs').closeSync(fd); } catch (_) {}
@@ -343,6 +460,44 @@ function buildAgentProgressMap(jsonlPath) {
   return map;
 }
 
+function readCompactSummaries(jsonlPath) {
+  const results = [];
+  try {
+    const subagentsDir = path.join(path.dirname(jsonlPath), path.basename(jsonlPath, '.jsonl'), 'subagents');
+    const files = readdirSync(subagentsDir).filter(f => f.startsWith('agent-acompact-') && f.endsWith('.jsonl'));
+    for (const file of files) {
+      const filePath = path.join(subagentsDir, file);
+      const content = readFileSync(filePath, 'utf8');
+      const lines = content.split('\n');
+      // Use last entry timestamp (closest to when compaction completed)
+      let lastTs;
+      for (let i = lines.length - 1; i >= 0; i--) {
+        if (!lines[i].trim()) continue;
+        try { lastTs = JSON.parse(lines[i]).timestamp; if (lastTs) break; } catch (_) {}
+      }
+      if (!lastTs) continue;
+      // Find the last assistant message with a <summary> tag
+      for (let i = lines.length - 1; i >= 0; i--) {
+        if (!lines[i].trim()) continue;
+        try {
+          const obj = JSON.parse(lines[i]);
+          if (obj.type !== 'assistant') continue;
+          const blocks = obj.message?.content;
+          if (!Array.isArray(blocks)) continue;
+          let found = false;
+          for (const b of blocks) {
+            if (b.type !== 'text' || !b.text) continue;
+            const match = b.text.match(/<summary>([\s\S]*?)(?:<\/summary>|$)/);
+            if (match) { results.push({ timestamp: lastTs, summary: match[1].trim() }); found = true; break; }
+          }
+          if (found) break;
+        } catch (_) {}
+      }
+    }
+  } catch (_) {}
+  return results.sort((a, b) => (a.timestamp || '').localeCompare(b.timestamp || ''));
+}
+
 module.exports = {
   parseTask,
   parseAgent,
@@ -352,5 +507,6 @@ module.exports = {
   parseJsonlLine,
   readSessionInfoFromJsonl,
   readRecentMessages,
-  buildAgentProgressMap
+  buildAgentProgressMap,
+  readCompactSummaries
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-kanban",
-  "version": "1.19.0",
+  "version": "2.0.0",
   "description": "A web-based Kanban board for viewing Claude Code tasks with agent teams support",
   "main": "server.js",
   "bin": {