claude-code-kanban 2.2.0 → 2.2.1-rc.1

package/lib/parsers.js

@@ -541,6 +541,7 @@ function buildAgentProgressMap(jsonlPath) {
     const tmToolIdRe = /"tool_use_id":"([^"]+)"/;
     const tmAgentIdRe = /agent_id: ([a-zA-Z0-9_@-]+)/;
     const nameByToolUseId = {};
+    const descByToolUseId = {};
     for (const line of content.split('\n')) {
       if (line.includes('"agent_progress"')) {
         const agentMatch = re.exec(line);
@@ -574,8 +575,24 @@ function buildAgentProgressMap(jsonlPath) {
           const blocks = obj.message?.content;
           if (Array.isArray(blocks)) {
             for (const b of blocks) {
-              if (b.type === 'tool_use' && b.name === 'Agent' && b.id && b.input?.name) {
-                nameByToolUseId[b.id] = b.input.name;
+              if (b.type === 'tool_use' && b.name === 'Agent' && b.id) {
+                if (b.input?.name) nameByToolUseId[b.id] = b.input.name;
+                if (b.input?.description) descByToolUseId[b.id] = b.input.description;
+              }
+            }
+          }
+        } catch (_) {}
+      } else if (line.includes('"toolUseResult"') && line.includes('"agentId"') && line.includes('"tool_result"')) {
+        try {
+          const obj = JSON.parse(line);
+          const tur = obj.toolUseResult;
+          if (tur?.agentId) {
+            const blocks = obj.message?.content;
+            if (Array.isArray(blocks)) {
+              for (const b of blocks) {
+                if (b.type === 'tool_result' && b.tool_use_id && !map[b.tool_use_id]) {
+                  map[b.tool_use_id] = { agentId: tur.agentId, prompt: tur.prompt || null };
+                }
               }
             }
           }
@@ -584,6 +601,7 @@ function buildAgentProgressMap(jsonlPath) {
     }
     for (const [key, entry] of Object.entries(map)) {
       if (nameByToolUseId[key]) entry.name = nameByToolUseId[key];
+      if (descByToolUseId[key]) entry.description = descByToolUseId[key];
     }
   } catch (_) {}
   return map;

package/package.json

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

package/public/app.js

@@ -627,7 +627,10 @@ async function viewAgentLog(agentId) {
     await fetchAgents(currentSessionId);
     agent = findAgentById(agentId);
   }
-  if (!agent) return;
+  if (!agent) {
+    if (!currentSessionId) return;
+    agent = { agentId: agentId, type: 'Agent', _sourceSessionId: currentSessionId };
+  }
   const resolvedId = agent.agentId;
   const shortId = resolvedId.length > 8 ? resolvedId.slice(0, 8) : resolvedId;
   const agentSessionId = agent._sourceSessionId || currentSessionId;
@@ -652,6 +655,7 @@ async function viewAgentLog(agentId) {
       const data = JSON.parse(e.data);
       currentMessages = data.messages;
       if (messagePanelOpen) renderMessages(data.messages);
+      maybeFollowLatest();
     } catch (_) {}
   });
   agentLogSSE.onerror = () => {};
@@ -684,6 +688,7 @@ async function fetchAgentMessages() {
     if (!agentLogMode || agentLogMode.agentId !== agentId) return;
     currentMessages = data.messages;
     if (messagePanelOpen) renderMessages(data.messages);
+    maybeFollowLatest();
   } catch (e) {
     console.error('[fetchAgentMessages]', e);
   }
@@ -737,9 +742,7 @@ async function fetchMessages(sessionId) {
       }
     }
 
-    if (msgDetailFollowLatest && currentMessages.length) {
-      showMsgDetail(currentMessages.length - 1);
-    }
+    maybeFollowLatest();
   } catch (e) {
     console.error('[fetchMessages]', e);
   }
@@ -1828,10 +1831,12 @@ function renderAgentFooter() {
             : a.status === 'idle'
               ? `idle · ${formatDuration(elapsed)}`
               : `active · ${formatDuration(elapsed)}`;
+        const descText = a.description || '';
         const promptTrimmed = stripAnsi(stripTeammateWrapper((a.prompt || '').trim())).replace(/[\r\n]+/g, ' ');
-        const promptTrunc = promptTrimmed.length > 60 ? `${promptTrimmed.substring(0, 60)}…` : promptTrimmed;
-        const msgHtml = promptTrunc
-          ? `<div class="agent-message" title="${escapeHtml(promptTrimmed)}">${escapeHtml(promptTrunc)}</div>`
+        const displayText = descText || promptTrimmed;
+        const displayTrunc = displayText.length > 60 ? `${displayText.substring(0, 60)}…` : displayText;
+        const msgHtml = displayTrunc
+          ? `<div class="agent-message" title="${escapeHtml(displayText)}">${escapeHtml(displayTrunc)}</div>`
           : '';
         const rawType = a.type || 'unknown';
         const colonIdx = rawType.indexOf(':');
@@ -2770,7 +2775,7 @@ function navigateSession(direction, items) {
   }
   const currentEl = items[selectedSessionIdx];
   let newIdx = selectedSessionIdx + direction;
-  if (!currentEl || !currentEl.isConnected) {
+  if (!currentEl?.isConnected) {
     const restoredIdx = selectedSessionKbId ? items.findIndex((el) => getKbId(el) === selectedSessionKbId) : -1;
     newIdx = restoredIdx >= 0 ? restoredIdx : 0;
   }
@@ -4081,7 +4086,12 @@ function setupEventSource() {
       }
 
       if (data.type === 'team-update') {
-        debouncedRefresh(data.teamName, false);
+        const teamSession = sessions.find((s) => s.isTeam && s.teamName === data.teamName);
+        if (teamSession) {
+          debouncedRefresh(teamSession.id, false);
+        } else if (currentSessionId) {
+          debouncedRefresh(currentSessionId, false);
+        }
       }
     };
   }
@@ -4238,6 +4248,12 @@ function renderContextDetail(raw) {
 //#endregion
 
 //#region UTILS
+function maybeFollowLatest() {
+  if (msgDetailFollowLatest && currentMessages.length) {
+    showMsgDetail(currentMessages.length - 1);
+  }
+}
+
 function isSessionActive(s) {
   return s.hasRecentLog || s.inProgress > 0 || s.hasActiveAgents || s.hasWaitingForUser;
 }
@@ -4999,7 +5015,7 @@ function updateOwnerFilter() {
   const select = document.getElementById('owner-filter');
 
   const session = sessions.find((s) => s.id === currentSessionId);
-  if (!session || !session.isTeam) {
+  if (!session?.isTeam) {
     bar.classList.remove('visible');
     return;
   }

package/server.js

@@ -1016,14 +1016,17 @@ app.get('/api/sessions/:sessionId/agents', (req, res) => {
 
     const agentsNeedingPrompt = agents.filter(a => !a.prompt);
     const agentsNeedingName = agents.filter(a => !a.agentName);
-    if ((agentsNeedingPrompt.length || agentsNeedingName.length) && meta.jsonlPath) {
+    const agentsNeedingDesc = agents.filter(a => !a.description);
+    if ((agentsNeedingPrompt.length || agentsNeedingName.length || agentsNeedingDesc.length) && meta.jsonlPath) {
       let byAgentId = {};
       let nameByAgentId = {};
+      let descByAgentId = {};
       try {
         const progressMap = getProgressMap(meta.jsonlPath);
         for (const entry of Object.values(progressMap)) {
           if (entry.prompt && !byAgentId[entry.agentId]) byAgentId[entry.agentId] = entry.prompt;
           if (entry.name && !nameByAgentId[entry.agentId]) nameByAgentId[entry.agentId] = entry.name;
+          if (entry.description && !descByAgentId[entry.agentId]) descByAgentId[entry.agentId] = entry.description;
         }
       } catch (_) {}
       for (const agent of agentsNeedingPrompt) {
@@ -1034,6 +1037,9 @@ app.get('/api/sessions/:sessionId/agents', (req, res) => {
       for (const agent of agentsNeedingName) {
         if (nameByAgentId[agent.agentId]) agent.agentName = nameByAgentId[agent.agentId];
       }
+      for (const agent of agentsNeedingDesc) {
+        if (descByAgentId[agent.agentId]) agent.description = descByAgentId[agent.agentId];
+      }
     }
 
     const agentsNeedingModel = agents.filter(a => !a.model);
@@ -1199,6 +1205,7 @@ app.get('/api/sessions/:sessionId/messages', (req, res) => {
       const entry = progressMap[msg.toolUseId];
       if (entry) {
         msg.agentId = entry.agentId;
+        if (entry.description) msg.agentDescription = entry.description;
         if (entry.prompt && !msg.agentPrompt) msg.agentPrompt = entry.prompt;
         try {
           const agentFile = path.join(agentDir, entry.agentId + '.json');
@@ -1445,9 +1452,16 @@ watcher.on('all', (event, filePath) => {
 function broadcastToMappedSessions(taskListName, event, filePath) {
   const { listToSessions } = loadAllTaskMaps();
   const map = listToSessions[taskListName];
-  if (!map) return;
-  for (const sid of Object.keys(map)) {
-    broadcast({ type: 'update', event, sessionId: sid, file: path.basename(filePath) });
+  if (map) {
+    for (const sid of Object.keys(map)) {
+      broadcast({ type: 'update', event, sessionId: sid, file: path.basename(filePath) });
+    }
+    return;
+  }
+  // Fallback: check if taskListName is a team name
+  const cfg = loadTeamConfig(taskListName);
+  if (cfg?.leadSessionId) {
+    broadcast({ type: 'update', event, sessionId: cfg.leadSessionId, file: path.basename(filePath) });
   }
 }