claude-code-kanban 2.1.0-rc.2 → 2.1.0-rc.4

package/hooks/agent-spy.sh

@@ -4,13 +4,14 @@
 
 INPUT=$(cat)
 
-# Single jq call to extract all routing fields (was 3-4 separate calls)
+# Single jq call to extract all routing fields
 eval "$(echo "$INPUT" | jq -r '
   @sh "SESSION_ID=\(.session_id // "")",
   @sh "AGENT_ID=\(.agent_id // "")",
   @sh "EVENT=\(.hook_event_name // "")",
   @sh "TOOL_NAME=\(.tool_name // "")",
-  @sh "AGENT_TYPE_RAW=\(.agent_type // "")"
+  @sh "AGENT_TYPE_RAW=\(.agent_type // "")",
+  @sh "TEAMMATE_NAME=\(.teammate_name // "")"
 ')"
 
 [ -z "$SESSION_ID" ] && exit 0
@@ -42,6 +43,26 @@ if [ "$EVENT" = "PermissionRequest" ] || { [ "$EVENT" = "PreToolUse" ] && [ "$TO
   exit 0
 fi
 
+# TeammateIdle has no agent_id — resolve via name→id mapping file
+if [ "$EVENT" = "TeammateIdle" ] && [ -z "$AGENT_ID" ] && [ -n "$TEAMMATE_NAME" ]; then
+  DIR="$HOME/.claude/agent-activity/$SESSION_ID"
+  MAP_FILE="$DIR/_name-${TEAMMATE_NAME}.id"
+  [ ! -f "$MAP_FILE" ] && exit 0
+  AGENT_ID=$(cat "$MAP_FILE")
+  [ -z "$AGENT_ID" ] && exit 0
+  FILE="$DIR/$AGENT_ID.json"
+  TS=$(date -u +"%Y-%m-%dT%H:%M:%SZ")
+  STARTED_AT="$TS"
+  if [ -f "$FILE" ]; then
+    PREV_START=$(jq -r '.startedAt // ""' "$FILE" 2>/dev/null)
+    [ -n "$PREV_START" ] && STARTED_AT="$PREV_START"
+  fi
+  cat > "$FILE" <<EOF
+{"agentId":"$AGENT_ID","type":"$TEAMMATE_NAME","status":"idle","startedAt":"$STARTED_AT","updatedAt":"$TS"}
+EOF
+  exit 0
+fi
+
 [ -z "$AGENT_ID" ] && exit 0
 
 DIR="$HOME/.claude/agent-activity/$SESSION_ID"
@@ -64,6 +85,16 @@ if [ "$EVENT" = "SubagentStart" ]; then
   cat > "$FILE" <<EOF
 {"agentId":"$AGENT_ID","type":"$AGENT_TYPE_RAW","status":"active","startedAt":"$TS","updatedAt":"$TS"}
 EOF
+  # Write name→id mapping for TeammateIdle resolution
+  # Remove previous incarnation's agent file to avoid duplicates
+  if [ -n "$AGENT_TYPE_RAW" ]; then
+    MAP_FILE="$DIR/_name-${AGENT_TYPE_RAW}.id"
+    if [ -f "$MAP_FILE" ]; then
+      OLD_ID=$(cat "$MAP_FILE")
+      [ -n "$OLD_ID" ] && [ "$OLD_ID" != "$AGENT_ID" ] && rm -f "$DIR/$OLD_ID.json"
+    fi
+    echo -n "$AGENT_ID" > "$MAP_FILE"
+  fi
 
 elif [ "$EVENT" = "SubagentStop" ]; then
   AGENT_TYPE="$AGENT_TYPE_RAW"

package/install.js

@@ -45,7 +45,27 @@ function prompt(question) {
 async function runInstall() {
   console.log(`\n  ${bold('claude-code-kanban')} — Agent Log hook installer\n`);
 
-  // 1. Check jq
+  // 1. Check bash
+  process.stdout.write('  Checking bash... ');
+  try {
+    const bashPath = execSync('which bash', { encoding: 'utf8', stdio: ['pipe', 'pipe', 'pipe'] }).trim();
+    console.log(green(`✓ found (${bashPath})`));
+  } catch {
+    const shell = process.env.SHELL || process.env.BASH || '';
+    if (shell.includes('bash')) {
+      console.log(green(`✓ found via $SHELL (${shell})`));
+    } else {
+      const currentShell = shell || process.env.ComSpec || 'unknown';
+      console.log(yellow(`⚠ bash not found (current shell: ${currentShell})`));
+      console.log(`    ${dim('Hook scripts use #!/bin/bash and require a bash environment')}`);
+      if (!(await prompt(`    Continue anyway? [Y/n] `))) {
+        console.log(`\n  ${dim('Install cancelled.')}\n`);
+        return;
+      }
+    }
+  }
+
+  // 2. Check jq
   process.stdout.write('  Checking jq... ');
   try {
     const ver = execSync('jq --version', { encoding: 'utf8', stdio: ['pipe', 'pipe', 'pipe'] }).trim();
@@ -84,15 +104,11 @@ async function runInstall() {
     return false;
   }
 
-  // 2. Hook scripts
+  // 3. Hook scripts
   const hookInstalled = await installScript('Hook script', HOOK_SCRIPT_SRC, HOOK_SCRIPT_DEST);
   const ctxInstalled = await installScript('Context spy', CTX_SCRIPT_SRC, CTX_SCRIPT_DEST);
-  if (ctxInstalled) {
-    console.log(`\n    ${yellow('To enable context tracking, pipe it before your statusline:')}`);
-    console.log(`    ${dim('"statusLine": { "command": "~/.claude/hooks/context-status.sh | <your-statusline>" }')}`);
-  }
 
-  // 3. Settings.json
+  // 4. Settings.json
   console.log(`\n  Settings: ${dim(SETTINGS_PATH)}`);
   let settings;
   try {
@@ -141,6 +157,38 @@ async function runInstall() {
     }
   }
 
+  // 5. StatusLine setup (separate approval)
+  const CTX_COMMAND = '~/.claude/hooks/context-status.sh';
+  let statusLineUpdated = false;
+  if (ctxInstalled) {
+    const hasCtx = settings.statusLine?.command?.includes('context-status.sh');
+    if (hasCtx) {
+      console.log(`\n  StatusLine: ${green('✓')} Already configured`);
+      statusLineUpdated = true;
+    } else if (!settings.statusLine) {
+      console.log(`\n  StatusLine: ${dim('not configured')}`);
+      if (await prompt(`    Set up context tracking statusline? [Y/n] `)) {
+        settings.statusLine = { command: CTX_COMMAND };
+        fs.writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2) + '\n');
+        console.log(`    ${green('✓')} StatusLine configured`);
+        statusLineUpdated = true;
+      } else {
+        console.log(`    ${dim('Skipped')}`);
+      }
+    } else {
+      const existing = settings.statusLine.command;
+      console.log(`\n  StatusLine: ${dim(`current: ${existing}`)}`);
+      if (await prompt(`    Prepend context spy to existing statusline? [Y/n] `)) {
+        settings.statusLine.command = `${CTX_COMMAND} | ${existing}`;
+        fs.writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2) + '\n');
+        console.log(`    ${green('✓')} StatusLine updated`);
+        statusLineUpdated = true;
+      } else {
+        console.log(`    ${dim('Skipped')}`);
+      }
+    }
+  }
+
   printSummary(hookInstalled, settingsUpdated);
 }
 
@@ -161,20 +209,38 @@ async function runUninstall() {
   if (fs.existsSync(SETTINGS_PATH)) {
     try {
       const settings = JSON.parse(fs.readFileSync(SETTINGS_PATH, 'utf8'));
+      let removed = 0;
       if (settings.hooks) {
-        let removed = 0;
         const eventNames = [...new Set(HOOK_EVENTS.map(e => e.event))];
         for (const event of eventNames) {
           if (!Array.isArray(settings.hooks[event])) continue;
           const before = settings.hooks[event].length;
-          settings.hooks[event] = settings.hooks[event].filter(g =>
-            !g.hooks?.some(h => h.command === HOOK_COMMAND)
-          );
+          settings.hooks[event] = settings.hooks[event].map(g => {
+            if (!g.hooks?.some(h => h.command === HOOK_COMMAND)) return g;
+            const filtered = g.hooks.filter(h => h.command !== HOOK_COMMAND);
+            return filtered.length > 0 ? { ...g, hooks: filtered } : null;
+          }).filter(Boolean);
           removed += before - settings.hooks[event].length;
           if (settings.hooks[event].length === 0) delete settings.hooks[event];
         }
         if (Object.keys(settings.hooks).length === 0) delete settings.hooks;
-        fs.writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2) + '\n');
+      }
+
+      // Strip context-status.sh from statusLine, restore downstream command if any
+      if (settings.statusLine?.command?.includes('context-status.sh')) {
+        const cmd = settings.statusLine.command;
+        const stripped = cmd.replace(/~\/\.claude\/hooks\/context-status\.sh\s*\|\s*/, '').trim();
+        if (stripped && stripped !== cmd) {
+          settings.statusLine.command = stripped;
+          console.log(`  StatusLine: ${green('✓')} Restored to "${stripped}"`);
+        } else {
+          delete settings.statusLine;
+          console.log(`  StatusLine: ${green('✓')} Removed`);
+        }
+      }
+
+      fs.writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2) + '\n');
+      if (removed > 0) {
         console.log(`  Settings: ${green('✓')} Removed ${removed} hook entries`);
       } else {
         console.log(`  Settings: ${dim('No hook entries found')}`);

package/lib/parsers.js

@@ -55,7 +55,8 @@ function parseTeamConfig(raw) {
       name: m.name,
       agentType: m.agentType || null,
       model: m.model || null,
-      cwd: m.cwd || null
+      cwd: m.cwd || null,
+      color: m.color || null
     })),
     raw: config
   };
@@ -287,6 +288,20 @@ function readRecentMessages(jsonlPath, limit = 10) {
                       return text;
                     }).join('\n\n');
                   }
+                  else if (inp.to) {
+                    const proto = inp.message && typeof inp.message === 'object' ? inp.message : null;
+                    if (proto?.type === 'shutdown_request') {
+                      detail = '→ ' + inp.to + ': shutdown request' + (proto.reason ? ' (' + proto.reason + ')' : '');
+                    } else if (proto?.type === 'shutdown_response') {
+                      detail = '→ ' + inp.to + ': ' + (proto.approve ? 'shutdown approved' : 'shutdown rejected');
+                    } else if (proto?.type === 'plan_approval_response') {
+                      detail = '→ ' + inp.to + ': ' + (proto.approve ? 'plan approved' : 'plan rejected');
+                    } else {
+                      detail = '→ ' + inp.to + (inp.summary ? ': ' + inp.summary : '');
+                    }
+                    if (detail.length > 80) detail = detail.slice(0, 80) + '...';
+                    fullDetail = typeof inp.message === 'string' ? inp.message : JSON.stringify(inp.message);
+                  }
                   else if (inp.plan) {
                     const titleMatch = inp.plan.match(/^#\s+(.+)/m);
                     detail = titleMatch ? titleMatch[1] : 'Plan';
@@ -336,9 +351,9 @@ function readRecentMessages(jsonlPath, limit = 10) {
                   } 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;
+                    if (inp.subject) params.subject = inp.subject;
                   } else if (block.name === 'TaskUpdate') {
-                    if (inp.taskId) params.taskId = inp.taskId;
+                    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;
@@ -351,6 +366,12 @@ function readRecentMessages(jsonlPath, limit = 10) {
                   } else if (block.name === 'ExitPlanMode') {
                     if (inp.plan) params.plan = inp.plan;
                     if (inp.planFilePath) params.planFilePath = inp.planFilePath;
+                  } else if (block.name === 'SendMessage') {
+                    if (inp.to) params.to = inp.to;
+                    if (inp.summary) params.summary = inp.summary;
+                    if (inp.message && typeof inp.message === 'object') {
+                      params.protocol = inp.message;
+                    }
                   }
                 }
                 const msg = {
@@ -399,7 +420,8 @@ function readRecentMessages(jsonlPath, limit = 10) {
                     case 'shutdown_response': protocolLabel = protocol.approve ? 'shutdown approved' : `shutdown rejected: ${protocol.reason || ''}`; break;
                     case 'plan_approval_request': protocolLabel = 'plan approval requested'; break;
                     case 'plan_approval_response': protocolLabel = protocol.approve ? 'plan approved' : `plan rejected: ${protocol.feedback || ''}`; break;
-                    default: protocolLabel = protocol.type; break;
+                    case 'teammate_terminated': protocolLabel = protocol.message || 'shut down'; break;
+                    default: protocolLabel = protocol.type.replace(/_/g, ' '); break;
                   }
                 }
                 const truncated = !isProtocol && body.length > 500;
@@ -412,6 +434,7 @@ function readRecentMessages(jsonlPath, limit = 10) {
                   isProtocol,
                   protocolType: protocol?.type || null,
                   protocolLabel,
+                  protocolData: protocol || null,
                   text: isProtocol ? null : (truncated ? body.slice(0, 500) + '...' : body),
                   fullText: isProtocol ? null : (truncated ? body : null),
                   timestamp: obj.timestamp
@@ -483,7 +506,9 @@ function buildAgentProgressMap(jsonlPath) {
     const parentRe = /"parentToolUseID":"([^"]+)"/;
     const promptRe = /"prompt":"((?:[^"\\]|\\.)*)"/;
     const bgToolIdRe = /"tool_use_id":"([^"]+)"/;
-    const bgAgentIdRe = /agentId: ([a-zA-Z0-9_-]+)/;
+    const bgAgentIdRe = /agentId: ([a-zA-Z0-9_@-]+)/;
+    const tmToolIdRe = /"tool_use_id":"([^"]+)"/;
+    const tmAgentIdRe = /agent_id: ([a-zA-Z0-9_@-]+)/;
     for (const line of content.split('\n')) {
       if (line.includes('"agent_progress"')) {
         const agentMatch = re.exec(line);
@@ -505,6 +530,12 @@ function buildAgentProgressMap(jsonlPath) {
         if (toolIdMatch && bgAgentMatch && !map[toolIdMatch[1]]) {
           map[toolIdMatch[1]] = { agentId: bgAgentMatch[1], prompt: null };
         }
+      } else if (line.includes('"teammate_spawned"')) {
+        const toolIdMatch = tmToolIdRe.exec(line);
+        const agentMatch = tmAgentIdRe.exec(line);
+        if (toolIdMatch && agentMatch && !map[toolIdMatch[1]]) {
+          map[toolIdMatch[1]] = { agentId: agentMatch[1], prompt: null };
+        }
       }
     }
   } catch (_) {}
@@ -549,6 +580,39 @@ function readCompactSummaries(jsonlPath) {
   return results.sort((a, b) => (a.timestamp || '').localeCompare(b.timestamp || ''));
 }
 
+function findTerminatedTeammates(jsonlPath) {
+  const terminated = new Map();
+  try {
+    const content = readFileSync(jsonlPath, 'utf8');
+    for (const line of content.split('\n')) {
+      if (!line.includes('teammate-message')) continue;
+      if (!line.includes('teammate_terminated') && !line.includes('shutdown_response')) continue;
+      try {
+        const obj = JSON.parse(line);
+        if (obj.type !== 'user') continue;
+        const text = typeof obj.message?.content === 'string' ? obj.message.content : null;
+        if (!text) continue;
+        const ts = obj.timestamp || null;
+        for (const tmMatch of text.matchAll(/<teammate-message\s+[^>]*teammate_id="([^"]+)"[^>]*>([\s\S]*?)<\/teammate-message>/g)) {
+          try {
+            const tid = tmMatch[1];
+            const body = tmMatch[2].trim();
+            const protocol = JSON.parse(body);
+            if (protocol.type === 'teammate_terminated') {
+              const name = protocol.from || (protocol.message?.match(/^(\S+)\s/)?.[1]) || tid;
+              if (name !== 'system') terminated.set(name, ts);
+            } else if (protocol.type === 'shutdown_response' && protocol.approve) {
+              const name = protocol.from || tid;
+              if (name !== 'system') terminated.set(name, ts);
+            }
+          } catch (_) {}
+        }
+      } catch (_) {}
+    }
+  } catch (_) {}
+  return terminated;
+}
+
 module.exports = {
   parseTask,
   parseAgent,
@@ -559,5 +623,6 @@ module.exports = {
   readSessionInfoFromJsonl,
   readRecentMessages,
   buildAgentProgressMap,
-  readCompactSummaries
+  readCompactSummaries,
+  findTerminatedTeammates
 };

package/package.json

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

package/public/app.js

@@ -109,10 +109,10 @@ async function fetchSessions() {
   console.log('[fetchSessions] Starting...');
   try {
     const pinnedParam = pinnedSessionIds.size > 0 ? `&pinned=${[...pinnedSessionIds].join(',')}` : '';
-    const res = await fetch(`/api/sessions?limit=${sessionLimit}${pinnedParam}`);
-    const newSessions = await res.json();
-    const tasksRes = await fetch('/api/tasks/all');
-    const newTasks = await tasksRes.json();
+    const [newSessions, newTasks] = await Promise.all([
+      fetch(`/api/sessions?limit=${sessionLimit}${pinnedParam}`).then((r) => r.json()),
+      fetch('/api/tasks/all').then((r) => r.json()),
+    ]);
 
     const sessionsHash = JSON.stringify(newSessions);
     const tasksHash = JSON.stringify(newTasks);
@@ -436,10 +436,12 @@ async function fetchTasks(sessionId) {
     currentPins = loadPins(sessionId);
     ownerFilter = '';
     lastMessagesHash = '';
+    for (const k of Object.keys(ownerColorCache)) delete ownerColorCache[k];
+    for (const k of Object.keys(teamColorMap)) delete teamColorMap[k];
     sessionJustSelected = true;
     updateUrl();
     renderSession();
-    fetchAgents(sessionId);
+    await fetchAgents(sessionId);
     if (!agentLogMode) fetchMessages(sessionId);
   } catch (error) {
     console.error('Failed to fetch tasks:', error);
@@ -472,7 +474,10 @@ async function fetchAgents(sessionId) {
     if (hash === lastAgentsHash) return;
     lastAgentsHash = hash;
     currentAgents = agents;
+    updateTeamColors(agents, data.teamColors);
+    for (const k of Object.keys(ownerColorCache)) delete ownerColorCache[k];
     renderAgentFooter();
+    if (currentSessionId === sessionId) renderKanban();
   } catch (e) {
     console.error('[fetchAgents]', e);
   }
@@ -494,8 +499,12 @@ function toggleMessagePanel() {
 }
 
 // biome-ignore lint/correctness/noUnusedVariables: used in HTML
-function viewAgentLog(agentId) {
-  const agent = currentAgents.find((a) => a.agentId === agentId);
+async function viewAgentLog(agentId) {
+  let agent = currentAgents.find((a) => a.agentId === agentId);
+  if (!agent && currentSessionId) {
+    await fetchAgents(currentSessionId);
+    agent = currentAgents.find((a) => a.agentId === agentId);
+  }
   if (!agent) return;
   const shortId = agentId.length > 8 ? agentId.slice(0, 8) : agentId;
   agentLogMode = { agentId, sessionId: currentSessionId, agentType: agent.type || 'unknown' };
@@ -704,33 +713,52 @@ function renderMessages(messages) {
           m.tool === 'Agent' && m.agentId
             ? ` <span class="msg-agent-link" title="View agent" onclick="event.stopPropagation();showAgentModal('${escapeHtml(m.agentId)}')">⇗</span>`
             : '';
-        const agentLogBtn = m.tool === 'Agent' && m.agentId ? agentLogButton(m.agentId) : '';
-        const itemClick =
+        let agentLogBtn = '';
+        if (m.tool === 'Agent' && m.agentId) {
+          agentLogBtn = agentLogButton(m.agentId);
+        } else if (m.tool === 'SendMessage' && m.params?.to) {
+          const recipient = currentAgents.find((a) => (a.type || a.name) === m.params.to);
+          if (recipient) agentLogBtn = agentLogButton(recipient.agentId);
+        }
+        const recipientColor =
+          m.tool === 'SendMessage' && m.params?.to ? resolveNamedColor(teamColorMap[m.params.to]) : null;
+        const borderStyle = recipientColor ? `border-left:3px solid ${recipientColor.color};` : '';
+        const combinedStyle = `style="${borderStyle}cursor:pointer"`;
+        const itemClickAttr =
           m.tool === 'Agent' && m.agentId
-            ? `onclick="showAgentModal('${escapeHtml(m.agentId)}')" style="cursor:pointer"`
-            : clickable;
-        return `<div class="msg-item msg-tool" ${itemClick}>
+            ? `onclick="showAgentModal('${escapeHtml(m.agentId)}')" ${combinedStyle}`
+            : `onclick="msgDetailFollowLatest=false;showMsgDetail(${i})" ${combinedStyle}`;
+        return `<div class="msg-item msg-tool" ${itemClickAttr}>
             ${MSG_ICON_TOOL}
             <div class="msg-body"><div class="msg-text">${escapeHtml(m.tool)}${toolDetail}${agentLink}</div><div class="msg-time">${formatDate(m.timestamp)}</div></div>${agentLogBtn}${pinBtn}
           </div>`;
       } else if (m.type === 'teammate') {
-        const nameSpan = `<span class="teammate-name" style="${m.color ? `color:${escapeHtml(m.color)}` : ''}">${escapeHtml(m.teammateId || 'teammate')}</span>`;
+        if (m.teammateId && m.color && !teamColorMap[m.teammateId]) teamColorMap[m.teammateId] = m.color;
+        const tmColor = m.color ? resolveNamedColor(m.color)?.color || m.color : '';
+        const nameSpan = `<span class="teammate-name" style="${tmColor ? `color:${escapeHtml(tmColor)}` : ''}">${escapeHtml(m.teammateId || 'teammate')}</span>`;
+        let tmLookupName = m.teammateId;
+        if (m.teammateId === 'system' && m.protocolType === 'teammate_terminated' && m.protocolData?.message) {
+          const shutMatch = m.protocolData.message.match(/^(.+?) has shut down/);
+          if (shutMatch) tmLookupName = shutMatch[1];
+        }
+        const tmAgent = tmLookupName ? currentAgents.find((a) => (a.type || a.name) === tmLookupName) : null;
+        const tmLogBtn = tmAgent ? agentLogButton(tmAgent.agentId) : '';
         if (m.isIdle) {
           return `<div class="msg-item msg-teammate msg-idle" ${clickable}>
               ${MSG_ICON_IDLE}
-              <div class="msg-body"><div class="msg-text">${nameSpan} <span class="idle-label">${escapeHtml(m.protocolLabel || 'idle')}</span></div><div class="msg-time">${formatDate(m.timestamp)}</div></div>
+              <div class="msg-body"><div class="msg-text">${nameSpan} <span class="idle-label">${escapeHtml(m.protocolLabel || 'idle')}</span></div><div class="msg-time">${formatDate(m.timestamp)}</div></div>${tmLogBtn}
             </div>`;
         }
         if (m.isProtocol) {
           return `<div class="msg-item msg-teammate msg-protocol" ${clickable}>
               ${MSG_ICON_TEAMMATE}
-              <div class="msg-body"><div class="msg-text">${nameSpan} <span class="protocol-label">${escapeHtml(m.protocolLabel || m.protocolType)}</span></div><div class="msg-time">${formatDate(m.timestamp)}</div></div>
+              <div class="msg-body"><div class="msg-text">${nameSpan} <span class="protocol-label">${escapeHtml(m.protocolLabel || m.protocolType)}</span></div><div class="msg-time">${formatDate(m.timestamp)}</div></div>${tmLogBtn}
             </div>`;
         }
         const summaryText = m.summary ? escapeHtml(m.summary) : escapeHtml((m.text || '').slice(0, 80));
         return `<div class="msg-item msg-teammate" ${clickable}>
             ${MSG_ICON_TEAMMATE}
-            <div class="msg-body"><div class="msg-text">${nameSpan} ${summaryText}</div><div class="msg-time">${formatDate(m.timestamp)}</div></div>${pinBtn}
+            <div class="msg-body"><div class="msg-text">${nameSpan} ${summaryText}</div><div class="msg-time">${formatDate(m.timestamp)}</div></div>${tmLogBtn}${pinBtn}
           </div>`;
       }
       return '';
@@ -986,12 +1014,25 @@ function showMsgDetail(idx) {
     } else {
       agentBtn.style.display = 'none';
     }
-    const toolParamsHtml = renderToolParamsHtml(m.params);
-    const toolResultHtml = renderToolResultHtml(m.toolResult, m.toolResultTruncated, m.toolResultFull);
+    const sendProto = m.tool === 'SendMessage' && m.params?.protocol;
+    const toolParamsHtml = renderToolParamsHtml(
+      sendProto ? Object.fromEntries(Object.entries(m.params).filter(([k]) => k !== 'protocol')) : m.params,
+    );
+    const hideResult = m.tool === 'SendMessage' || TASK_TOOLS.has(m.tool);
+    const taskResultHtml = TASK_TOOLS.has(m.tool) ? renderTaskResult(m.toolResult) : '';
+    const toolResultHtml = hideResult
+      ? ''
+      : renderToolResultHtml(m.toolResult, m.toolResultTruncated, m.toolResultFull);
     const hasAgentTabs = m.tool === 'Agent' && m.agentId && (m.agentLastMessage || m.agentPrompt);
     let mainHtml;
-    if (hasAgentTabs) {
+    if (sendProto) {
+      mainHtml = descHtml + renderProtocolDetail(m.params.protocol);
+    } else if (m.tool === 'SendMessage' && fullText) {
+      mainHtml = `${descHtml}<div class="markdown-body">${renderMarkdown(fullText)}</div>`;
+    } else if (hasAgentTabs) {
       mainHtml = descHtml || '';
+    } else if (taskResultHtml) {
+      mainHtml = '';
     } else if (fullText) {
       const detailEscaped = escapeHtml(fullText);
       const detailRendered = m.tool === 'Bash' ? highlightBash(detailEscaped) : detailEscaped;
@@ -999,12 +1040,14 @@ function showMsgDetail(idx) {
     } else {
       mainHtml = '<em>No details</em>';
     }
-    body.innerHTML = mainHtml + toolParamsHtml + (hasAgentTabs ? '' : toolResultHtml) + agentExtraHtml;
+    body.innerHTML = mainHtml + toolParamsHtml + taskResultHtml + (hasAgentTabs ? '' : toolResultHtml) + agentExtraHtml;
   } else if (m.type === 'teammate') {
     document.getElementById('msg-detail-title').textContent = m.teammateId || 'Teammate';
     document.getElementById('msg-detail-agent-btn').style.display = 'none';
     if (m.isProtocol) {
-      body.innerHTML = `<div class="teammate-idle-detail"><span class="protocol-label">${escapeHtml(m.protocolLabel || m.protocolType)}</span></div>`;
+      body.innerHTML = m.protocolData
+        ? renderProtocolDetail(m.protocolData)
+        : `<div class="teammate-idle-detail"><span class="protocol-label">${escapeHtml(m.protocolLabel || m.protocolType)}</span></div>`;
     } else {
       const text = stripAnsi(m.fullText || m.text || '');
       body.innerHTML = renderMarkdown(text);
@@ -1099,6 +1142,69 @@ async function copyWithFeedback(text, btn) {
 //#endregion
 
 //#region TOOL_RENDERING
+const PROTOCOL_SKIP_KEYS = new Set(['type', 'from', 'timestamp', 'paneId', 'backendType']);
+function renderProtocolDetail(data) {
+  if (!data || typeof data !== 'object') return '';
+  const typeBadge = data.type
+    ? `<span class="protocol-type-badge">${escapeHtml(data.type.replace(/_/g, ' '))}</span>`
+    : '';
+  const fields = Object.entries(data)
+    .filter(([k]) => !PROTOCOL_SKIP_KEYS.has(k))
+    .map(([k, v]) => {
+      const label = escapeHtml(
+        k
+          .replace(/([A-Z])/g, ' $1')
+          .replace(/_/g, ' ')
+          .trim()
+          .toLowerCase(),
+      );
+      let val;
+      if (typeof v === 'boolean') {
+        val = `<span class="protocol-bool protocol-bool-${v}">${v ? 'yes' : 'no'}</span>`;
+      } else if (v == null) {
+        val = `<span style="color:var(--text-muted)">null</span>`;
+      } else {
+        val = escapeHtml(String(v));
+      }
+      return `<div class="protocol-field"><span class="protocol-field-key">${label}</span>${val}</div>`;
+    });
+  return `<div class="protocol-detail">${typeBadge}${fields.length ? `<div class="protocol-fields">${fields.join('')}</div>` : ''}</div>`;
+}
+
+const TASK_TOOLS = new Set(['TaskCreate', 'TaskUpdate', 'TaskGet', 'TaskList']);
+function renderTaskResult(toolResult) {
+  if (!toolResult) return '';
+  const lines = toolResult.trim().split('\n');
+  const fields = [];
+  for (const line of lines) {
+    const m = line.match(/^([A-Za-z #]+):\s*(.+)$/);
+    if (m) fields.push([m[1].trim(), m[2].trim()]);
+  }
+  if (!fields.length) return '';
+  const title = fields.find(([k]) => /^Task/.test(k));
+  const status = fields.find(([k]) => k === 'Status');
+  const rest = fields.filter(([k]) => !/^Task/.test(k) && k !== 'Status');
+  const statusColors = {
+    pending: 'var(--text-muted)',
+    in_progress: 'var(--info)',
+    completed: 'var(--success)',
+    deleted: 'var(--danger)',
+  };
+  const sc = status ? statusColors[status[1]] || 'var(--text-muted)' : '';
+  let html = '<div class="protocol-detail">';
+  if (title) html += `<span class="protocol-type-badge">${escapeHtml(title[1])}</span>`;
+  if (status)
+    html += `<span style="display:inline-block;font-size:10px;font-weight:600;color:${sc};text-transform:uppercase;margin-bottom:6px">${escapeHtml(status[1])}</span>`;
+  if (rest.length) {
+    html += '<div class="protocol-fields">';
+    for (const [k, v] of rest) {
+      html += `<div class="protocol-field"><span class="protocol-field-key">${escapeHtml(k.toLowerCase())}</span>${escapeHtml(v)}</div>`;
+    }
+    html += '</div>';
+  }
+  return `${html}</div>`;
+}
+
 function renderToolParamsHtml(params) {
   if (!params) return '';
   const BLOCK_KEYS = new Set(['old_string', 'new_string', 'content', 'plan']);
@@ -1304,9 +1410,14 @@ function renderAgentFooter() {
       if (overlapped || reSpawn || isActive) filtered.push(group[i]);
     }
   }
-  // Sort by updatedAt desc, keep up to 7 most recent
+  // Sort: active/idle first, then by updatedAt desc
+  const statusOrder = { active: 0, idle: 1, stopped: 2 };
   const visible = filtered
-    .sort((a, b) => new Date(b.updatedAt || 0) - new Date(a.updatedAt || 0))
+    .sort(
+      (a, b) =>
+        (statusOrder[a.status] ?? 2) - (statusOrder[b.status] ?? 2) ||
+        new Date(b.updatedAt || 0) - new Date(a.updatedAt || 0),
+    )
     .slice(0, AGENT_LOG_MAX);
 
   const permFresh = currentWaiting?.timestamp && now - new Date(currentWaiting.timestamp).getTime() < WAITING_TTL_MS;
@@ -1352,7 +1463,9 @@ function renderAgentFooter() {
         const colonIdx = rawType.indexOf(':');
         const typeNs = colonIdx > 0 ? rawType.substring(0, colonIdx + 1) : '';
         const typeName = colonIdx > 0 ? rawType.substring(colonIdx + 1) : rawType;
-        return `<div class="agent-card" onclick="showAgentModal('${a.agentId}')">
+        const agentColor = resolveNamedColor(a.color);
+        const colorStyle = agentColor ? ` style="border-left:3px solid ${agentColor.color}"` : '';
+        return `<div class="agent-card"${colorStyle} onclick="showAgentModal('${a.agentId}')">
           <div class="agent-type-row">${typeNs ? `<span class="agent-type-ns">${escapeHtml(typeNs)}</span>` : ''}<span class="agent-type-name">${escapeHtml(typeName)}</span></div>
           <div class="agent-status-row"><span class="agent-dot ${a.status}"></span><span class="agent-status">${statusText}</span></div>
           ${msgHtml}
@@ -2993,9 +3106,12 @@ function setupEventSource() {
     function debouncedRefresh(sessionId, isMetadata) {
       if (isMetadata) {
         clearTimeout(metadataRefreshTimer);
-        metadataRefreshTimer = setTimeout(() => {
+        metadataRefreshTimer = setTimeout(async () => {
           fetchSessions().catch((err) => console.error('[SSE] fetchSessions failed:', err));
-          if (currentSessionId && !agentLogMode) fetchMessages(currentSessionId);
+          if (currentSessionId) {
+            await fetchAgents(currentSessionId);
+            if (!agentLogMode) fetchMessages(currentSessionId);
+          }
         }, 2000);
       } else {
         pendingTaskSessionIds.add(sessionId);
@@ -3284,13 +3400,46 @@ const ownerColors = [
   { bg: 'rgba(22, 163, 74, 0.14)', color: '#15803d' }, // green
   { bg: 'rgba(99, 102, 241, 0.14)', color: '#4f46e5' }, // indigo
 ];
+const namedColorMap = {
+  red: { bg: 'rgba(239, 68, 68, 0.14)', color: '#dc2626' },
+  blue: { bg: 'rgba(37, 99, 235, 0.14)', color: '#1d5bbf' },
+  green: { bg: 'rgba(22, 163, 74, 0.14)', color: '#15803d' },
+  purple: { bg: 'rgba(168, 85, 247, 0.14)', color: '#7c3aed' },
+  orange: { bg: 'rgba(234, 88, 12, 0.14)', color: '#c2410c' },
+  pink: { bg: 'rgba(219, 39, 119, 0.14)', color: '#b5246a' },
+  yellow: { bg: 'rgba(202, 138, 4, 0.14)', color: '#92700c' },
+  teal: { bg: 'rgba(14, 165, 133, 0.14)', color: '#0d7d65' },
+  indigo: { bg: 'rgba(99, 102, 241, 0.14)', color: '#4f46e5' },
+  cyan: { bg: 'rgba(6, 182, 212, 0.14)', color: '#0891b2' },
+};
 const ownerColorCache = {};
+const teamColorMap = {};
 function isInternalTask(task) {
   return task.metadata && task.metadata._internal === true;
 }
 
+function resolveNamedColor(colorName) {
+  if (!colorName) return null;
+  return namedColorMap[colorName.toLowerCase()] || null;
+}
+
+function updateTeamColors(agents, colors) {
+  if (colors) Object.assign(teamColorMap, colors);
+  for (const a of agents) {
+    const name = a.type || a.name;
+    if (name && a.color) teamColorMap[name] = a.color;
+  }
+}
+
 function getOwnerColor(name) {
   if (ownerColorCache[name]) return ownerColorCache[name];
+  if (teamColorMap[name]) {
+    const c = resolveNamedColor(teamColorMap[name]);
+    if (c) {
+      ownerColorCache[name] = c;
+      return c;
+    }
+  }
   let hash = 5381;
   for (let i = 0; i < name.length; i++) {
     hash = ((hash * 33) ^ name.charCodeAt(i)) | 0;
@@ -3655,6 +3804,10 @@ function showInfoModal(session, teamConfig, tasks, planContent) {
   if (session.tasksDir) {
     infoRows.push(['Tasks Dir', session.tasksDir, { openPath: session.tasksDir }]);
   }
+  if (teamConfig?.configPath) {
+    const configDir = teamConfig.configPath.replace(/[/\\][^/\\]+$/, '');
+    infoRows.push(['Team Config', teamConfig.configPath, { openPath: configDir, openFile: teamConfig.configPath }]);
+  }
   const clickableStyle =
     "font-family: 'IBM Plex Mono', monospace; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: var(--accent-text); text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px;";
   const plainStyle =
@@ -3719,10 +3872,12 @@ function showInfoModal(session, teamConfig, tasks, planContent) {
     members.forEach((member) => {
       const taskCount = ownerCounts[member.name] || 0;
       const memberDesc = memberDescriptions[member.name];
+      const mc = resolveNamedColor(member.color);
+      const borderStyle = mc ? ` style="border-left:3px solid ${mc.color}"` : '';
+      const nameStyle = mc ? ` style="color:${mc.color}"` : '';
       html += `
-            <div class="team-member-card">
-              <div class="member-name">🟢 ${escapeHtml(member.name)}</div>
-              <div class="member-detail">Role: ${escapeHtml(member.agentType || 'unknown')}</div>
+            <div class="team-member-card"${borderStyle}>
+              <div class="member-name"${nameStyle}>${escapeHtml(member.name)}</div>
               ${member.model ? `<div class="member-detail">Model: ${escapeHtml(member.model)}</div>` : ''}
               ${memberDesc ? `<div class="member-detail" style="margin-top: 4px; font-style: italic; color: var(--text-secondary);">${escapeHtml(memberDesc.split('\n')[0])}</div>` : ''}
               <div class="member-tasks">Tasks: ${taskCount} assigned</div>

package/public/style.css

@@ -2124,7 +2124,7 @@ body::before {
 }
 .msg-item.msg-idle {
   border-left: 3px solid var(--border);
-  opacity: 0.55;
+  opacity: 0.75;
 }
 .msg-item.msg-idle .msg-icon {
   width: 12px;
@@ -2180,6 +2180,7 @@ body::before {
 }
 .msg-agent-log-btn {
   flex-shrink: 0;
+  margin-left: 0;
   background: none;
   border: none;
   color: var(--text-muted);
@@ -2197,6 +2198,52 @@ body::before {
   opacity: 1;
   color: var(--accent);
 }
+.protocol-detail {
+  padding: 8px 12px;
+}
+.protocol-detail + div {
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px solid var(--border);
+}
+.protocol-type-badge {
+  display: inline-block;
+  padding: 2px 10px;
+  border-radius: 4px;
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  font-size: 0.8rem;
+  font-weight: 600;
+  text-transform: capitalize;
+  margin-bottom: 8px;
+}
+.protocol-fields {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 4px 10px;
+  align-items: baseline;
+  font-size: 0.85rem;
+}
+.protocol-field {
+  display: contents;
+}
+.protocol-field-key {
+  color: var(--text-muted);
+  white-space: nowrap;
+  text-align: right;
+}
+.protocol-field-key::after {
+  content: ':';
+}
+.protocol-bool {
+  font-weight: 600;
+}
+.protocol-bool-true {
+  color: #4caf50;
+}
+.protocol-bool-false {
+  color: #ef5350;
+}
 
 /* #endregion */
 

package/server.js

@@ -14,7 +14,8 @@ const {
   readRecentMessages: _readRecentMessagesUncached,
   readSessionInfoFromJsonl,
   buildAgentProgressMap,
-  readCompactSummaries
+  readCompactSummaries,
+  findTerminatedTeammates
 } = require('./lib/parsers');
 
 const isSetupCommand = process.argv.includes('--install') || process.argv.includes('--uninstall');
@@ -56,6 +57,7 @@ const CONTEXT_STATUS_DIR = path.join(CLAUDE_DIR, 'context-status');
 const PERMISSION_TTL_MS = 1800000;
 const AGENT_TTL_MS = 3600000;
 const AGENT_STALE_MS = 900000;
+const SESSION_STALE_MS = 300000;
 
 const WAITING_RESOLVE_GRACE_MS = 15000;
 
@@ -84,9 +86,10 @@ function getContextStatus(sessionId, meta) {
 }
 
 function isAgentFresh(agent) {
-  if (!agent.updatedAt) return true;
   if (isGhostAgent(agent)) return false;
-  return (Date.now() - new Date(agent.updatedAt).getTime()) < AGENT_TTL_MS;
+  const ts = agent.updatedAt || agent.startedAt;
+  if (!ts) return true;
+  return (Date.now() - new Date(ts).getTime()) < AGENT_TTL_MS;
 }
 
 function getSessionLogStat(meta) {
@@ -97,17 +100,20 @@ function getSessionLogStat(meta) {
   } catch (e) { return { mtime: null, hasMessages: false }; }
 }
 
-function checkAgentStatus(agentDir, stale, logMtime) {
+function checkAgentStatus(agentDir, stale, logMtime, isTeam) {
   const result = { hasActive: false, hasRunning: false, waitingForUser: null };
   if (!existsSync(agentDir)) return result;
   result.waitingForUser = checkWaitingForUser(agentDir, logMtime);
   if (result.waitingForUser) result.hasActive = true;
-  if (stale) return result;
+  if (stale && !isTeam) return result;
   try {
     for (const file of readdirSync(agentDir).filter(f => f.endsWith('.json') && !f.startsWith('_'))) {
       try {
         const agent = JSON.parse(readFileSync(path.join(agentDir, file), 'utf8'));
-        if (isAgentFresh(agent)) {
+        if (isTeam && (agent.status === 'active' || agent.status === 'idle')) {
+          result.hasActive = true;
+          if (agent.status === 'active') result.hasRunning = true;
+        } else if (isAgentFresh(agent)) {
           if (agent.status === 'active') { result.hasActive = true; result.hasRunning = true; }
         }
         if (result.hasRunning && result.hasActive) break;
@@ -179,6 +185,7 @@ const messageCache = new Map();
 const MESSAGE_CACHE_TTL = 5000;
 const MAX_CACHE_ENTRIES = 200;
 const progressMapCache = new Map();
+const terminatedCache = new Map();
 const compactSummaryCache = new Map();
 const taskCountsCache = new Map();
 const contextStatusCache = new Map();
@@ -217,36 +224,32 @@ function getTaskCounts(sessionPath) {
   return result;
 }
 
-function getProgressMap(jsonlPath) {
+function cachedByMtime(cache, filePath, loadFn, fallback) {
   try {
-    const cached = progressMapCache.get(jsonlPath);
-    if (cached && Date.now() - cached.ts < MESSAGE_CACHE_TTL) return cached.map;
-    const st = statSync(jsonlPath);
+    const cached = cache.get(filePath);
+    if (cached && Date.now() - cached.ts < MESSAGE_CACHE_TTL) return cached.data;
+    const st = statSync(filePath);
     if (cached && cached.mtime === st.mtimeMs) {
       cached.ts = Date.now();
-      return cached.map;
+      return cached.data;
     }
-    const map = buildAgentProgressMap(jsonlPath);
-    progressMapCache.set(jsonlPath, { map, mtime: st.mtimeMs, ts: Date.now() });
-    evictStaleCache(progressMapCache);
-    return map;
-  } catch (_) { return {}; }
+    const data = loadFn(filePath);
+    cache.set(filePath, { data, mtime: st.mtimeMs, ts: Date.now() });
+    evictStaleCache(cache);
+    return data;
+  } catch (_) { return fallback; }
+}
+
+function getProgressMap(jsonlPath) {
+  return cachedByMtime(progressMapCache, jsonlPath, buildAgentProgressMap, {});
+}
+
+function getTerminatedTeammates(jsonlPath) {
+  return cachedByMtime(terminatedCache, jsonlPath, findTerminatedTeammates, new Set());
 }
 
 function readRecentMessages(jsonlPath, limit = 10) {
-  try {
-    const stat = statSync(jsonlPath);
-    const cached = messageCache.get(jsonlPath);
-    if (cached && cached.mtime === stat.mtimeMs && Date.now() - cached.ts < MESSAGE_CACHE_TTL) {
-      return cached.messages;
-    }
-    const messages = _readRecentMessagesUncached(jsonlPath, limit);
-    messageCache.set(jsonlPath, { messages, mtime: stat.mtimeMs, ts: Date.now() });
-    evictStaleCache(messageCache);
-    return messages;
-  } catch (e) {
-    return [];
-  }
+  return cachedByMtime(messageCache, jsonlPath, p => _readRecentMessagesUncached(p, limit), []);
 }
 
 /**
@@ -387,6 +390,42 @@ function getSessionDisplayName(sessionId, meta) {
   return null;
 }
 
+function buildSessionObject(id, meta, overrides = {}) {
+  const logStat = overrides._logStat || getSessionLogStat(meta);
+  const logMtime = logStat.mtime;
+  const logAge = logMtime ? Date.now() - logMtime : Infinity;
+  return {
+    id,
+    name: getSessionDisplayName(id, meta),
+    slug: meta.slug || null,
+    project: meta.project || null,
+    description: meta.description || null,
+    gitBranch: meta.gitBranch || null,
+    customTitle: meta.customTitle || null,
+    taskCount: 0,
+    completed: 0,
+    inProgress: 0,
+    pending: 0,
+    createdAt: meta.created || null,
+    modifiedAt: overrides.modifiedAt || new Date(0).toISOString(),
+    isTeam: false,
+    memberCount: 0,
+    hasMessages: logStat.hasMessages,
+    hasActiveAgents: false,
+    hasRunningAgents: false,
+    hasWaitingForUser: false,
+    hasRecentLog: logAge <= SESSION_STALE_MS,
+    jsonlPath: meta.jsonlPath || null,
+    tasksDir: null,
+    projectDir: meta.jsonlPath ? path.dirname(meta.jsonlPath) : null,
+    contextStatus: getContextStatus(id, meta),
+    ...getPlanInfo(meta.slug),
+    ...overrides,
+    // Remove internal-only field
+    _logStat: undefined,
+  };
+}
+
 // API: List all sessions
 app.get('/api/sessions', async (req, res) => {
   // Prevent browser caching
@@ -439,35 +478,23 @@ app.get('/api/sessions', async (req, res) => {
             const rid = teamConfig?.leadSessionId || entry.name;
             return path.join(AGENT_ACTIVITY_DIR, rid);
           })();
-          const agentStatus = checkAgentStatus(resolvedAgentDir, stale, logMtime);
-
-          sessionsMap.set(entry.name, {
-            id: entry.name,
-            name: getSessionDisplayName(entry.name, meta),
-            slug: meta.slug || null,
-            project: meta.project || null,
-            description: meta.description || null,
-            gitBranch: meta.gitBranch || null,
-            customTitle: meta.customTitle || null,
+          const agentStatus = checkAgentStatus(resolvedAgentDir, stale, logMtime, isTeam);
+
+          sessionsMap.set(entry.name, buildSessionObject(entry.name, meta, {
+            _logStat: logStat,
             taskCount,
             completed,
             inProgress,
             pending,
-            createdAt: meta.created || null,
-            modifiedAt: modifiedAt,
+            modifiedAt,
             isTeam,
             memberCount,
-            hasMessages: logStat.hasMessages,
             hasActiveAgents: agentStatus.hasActive,
             hasRunningAgents: agentStatus.hasRunning,
             hasWaitingForUser: !!agentStatus.waitingForUser,
-            hasRecentLog: logAge <= AGENT_STALE_MS,
-            jsonlPath: meta.jsonlPath || null,
             tasksDir: sessionPath,
-            projectDir: meta.jsonlPath ? path.dirname(meta.jsonlPath) : null,
-            contextStatus: getContextStatus(entry.name, meta),
             ...planInfo
-          });
+          }));
         }
       }
     }
@@ -484,36 +511,16 @@ app.get('/api/sessions', async (req, res) => {
           const jsonlMtime = new Date(logMtime).toISOString();
           if (!modifiedAt || jsonlMtime > modifiedAt) modifiedAt = jsonlMtime;
         }
-        const planInfo = getPlanInfo(meta.slug);
+        const metaIsTeam = isTeamSession(sessionId);
         const metaAgentDir = path.join(AGENT_ACTIVITY_DIR, sessionId);
-        const metaAgentStatus = checkAgentStatus(metaAgentDir, stale, logMtime);
-        sessionsMap.set(sessionId, {
-          id: sessionId,
-          name: getSessionDisplayName(sessionId, meta),
-          slug: meta.slug || null,
-          project: meta.project || null,
-          description: meta.description || null,
-          gitBranch: meta.gitBranch || null,
-          customTitle: meta.customTitle || null,
-          taskCount: 0,
-          completed: 0,
-          inProgress: 0,
-          pending: 0,
-          createdAt: meta.created || null,
+        const metaAgentStatus = checkAgentStatus(metaAgentDir, stale, logMtime, metaIsTeam);
+        sessionsMap.set(sessionId, buildSessionObject(sessionId, meta, {
+          _logStat: logStat,
           modifiedAt: modifiedAt || new Date(0).toISOString(),
-          isTeam: false,
-          memberCount: 0,
-          hasMessages: logStat.hasMessages,
           hasActiveAgents: metaAgentStatus.hasActive,
           hasRunningAgents: metaAgentStatus.hasRunning,
           hasWaitingForUser: !!metaAgentStatus.waitingForUser,
-          hasRecentLog: logAge <= AGENT_STALE_MS,
-          jsonlPath: meta.jsonlPath || null,
-          tasksDir: null,
-          projectDir: meta.jsonlPath ? path.dirname(meta.jsonlPath) : null,
-          contextStatus: getContextStatus(sessionId, meta),
-          ...planInfo
-        });
+        }));
       }
     }
 
@@ -527,29 +534,12 @@ app.get('/api/sessions', async (req, res) => {
           const logStat = getSessionLogStat(meta);
           const waiting = checkWaitingForUser(agentDir, logStat.mtime);
           if (!waiting) continue;
-          sessionsMap.set(dir.name, {
-            id: dir.name,
-            name: getSessionDisplayName(dir.name, meta),
-            slug: meta.slug || null,
-            project: meta.project || null,
-            description: meta.description || null,
-            gitBranch: meta.gitBranch || null,
-            customTitle: meta.customTitle || null,
-            taskCount: 0,
-            completed: 0,
-            inProgress: 0,
-            pending: 0,
-            createdAt: meta.created || null,
+          sessionsMap.set(dir.name, buildSessionObject(dir.name, meta, {
+            _logStat: logStat,
             modifiedAt: waiting.timestamp || new Date().toISOString(),
-            isTeam: false,
-            memberCount: 0,
-            hasMessages: logStat.hasMessages,
             hasActiveAgents: true,
             hasWaitingForUser: true,
-            jsonlPath: meta.jsonlPath || null,
-            tasksDir: null,
-            projectDir: meta.jsonlPath ? path.dirname(meta.jsonlPath) : null,
-          });
+          }));
         }
       } catch (e) { /* ignore */ }
     }
@@ -563,8 +553,7 @@ app.get('/api/sessions', async (req, res) => {
       }
     }
     for (const leaderId of teamLeaderIds) {
-      const session = sessionsMap.get(leaderId);
-      if (session && session.taskCount === 0) {
+      if (sessionsMap.has(leaderId)) {
         sessionsMap.delete(leaderId);
       }
     }
@@ -603,34 +592,17 @@ app.get('/api/sessions', async (req, res) => {
       if (sessionsMap.has(pid)) continue;
       const meta = metadata[pid];
       if (!meta) continue;
-      const logStat = getSessionLogStat(meta);
-      const logMtime = logStat.mtime;
+      const pinnedLogStat = getSessionLogStat(meta);
+      const pinnedLogMtime = pinnedLogStat.mtime;
       let modifiedAt = meta.created || null;
-      if (logMtime) {
-        const jsonlMtime = new Date(logMtime).toISOString();
+      if (pinnedLogMtime) {
+        const jsonlMtime = new Date(pinnedLogMtime).toISOString();
         if (!modifiedAt || jsonlMtime > modifiedAt) modifiedAt = jsonlMtime;
       }
-      sessionsMap.set(pid, {
-        id: pid,
-        name: getSessionDisplayName(pid, meta),
-        slug: meta.slug || null,
-        project: meta.project || null,
-        description: meta.description || null,
-        gitBranch: meta.gitBranch || null,
-        customTitle: meta.customTitle || null,
-        taskCount: 0, completed: 0, inProgress: 0, pending: 0,
-        createdAt: meta.created || null,
+      sessionsMap.set(pid, buildSessionObject(pid, meta, {
+        _logStat: pinnedLogStat,
         modifiedAt: modifiedAt || new Date(0).toISOString(),
-        isTeam: false, memberCount: 0,
-        hasMessages: logStat.hasMessages,
-        hasActiveAgents: false, hasRunningAgents: false, hasWaitingForUser: false,
-        hasRecentLog: false,
-        jsonlPath: meta.jsonlPath || null,
-        tasksDir: null,
-        projectDir: meta.jsonlPath ? path.dirname(meta.jsonlPath) : null,
-        contextStatus: getContextStatus(pid, meta),
-        ...getPlanInfo(meta.slug)
-      });
+      }));
     }
 
     // Convert map to array and sort by most recently modified
@@ -780,6 +752,7 @@ app.post('/api/open-in-editor', (req, res) => {
 app.get('/api/teams/:name', (req, res) => {
   const config = loadTeamConfig(req.params.name);
   if (!config) return res.status(404).json({ error: 'Team not found' });
+  config.configPath = path.join(TEAMS_DIR, req.params.name, 'config.json');
   res.json(config);
 });
 
@@ -794,22 +767,60 @@ app.get('/api/sessions/:sessionId/agents', (req, res) => {
     const logMtime = getSessionLogStat(meta).mtime;
     const sessionStale = logMtime ? (Date.now() - logMtime) > AGENT_STALE_MS : true;
 
+    let teamConfig = loadTeamConfig(req.params.sessionId);
+    if (!teamConfig && existsSync(TEAMS_DIR)) {
+      try {
+        for (const td of readdirSync(TEAMS_DIR, { withFileTypes: true })) {
+          if (!td.isDirectory()) continue;
+          const cfg = loadTeamConfig(td.name);
+          if (cfg && cfg.leadSessionId === sessionId) { teamConfig = cfg; break; }
+        }
+      } catch (_) {}
+    }
+    const isTeam = !!teamConfig;
+    const teamMemberNames = isTeam ? new Set(teamConfig.members.map(m => m.name)) : null;
+
     const files = readdirSync(agentDir).filter(f => f.endsWith('.json') && !f.startsWith('_'));
     const agents = [];
     for (const file of files) {
       try {
         const agent = JSON.parse(readFileSync(path.join(agentDir, file), 'utf8'));
         if (isGhostAgent(agent)) continue;
-        const agentStale = !sessionStale && agent.updatedAt && (Date.now() - new Date(agent.updatedAt).getTime()) > AGENT_STALE_MS;
+        const agentTs = agent.updatedAt || agent.startedAt;
+        const agentStale = !sessionStale && agentTs && (Date.now() - new Date(agentTs).getTime()) > AGENT_STALE_MS;
         if (!isAgentFresh(agent) || sessionStale || agentStale) {
           if (agent.status === 'active' || agent.status === 'idle') {
-            agent.status = 'stopped';
-            if (!agent.stoppedAt) agent.stoppedAt = agent.updatedAt || agent.startedAt;
+            const agentName = agent.type || agent.name;
+            const isTeamMember = isTeam && agentName && teamMemberNames.has(agentName);
+            if (!isTeamMember) {
+              agent.status = 'stopped';
+              if (!agent.stoppedAt) agent.stoppedAt = agent.updatedAt || agent.startedAt;
+            }
           }
         }
         agents.push(agent);
       } catch (e) { /* skip invalid */ }
     }
+    const liveAgents = agents.filter(a => a.status === 'active' || a.status === 'idle');
+    if (liveAgents.length && meta.jsonlPath) {
+      try {
+        const terminated = getTerminatedTeammates(meta.jsonlPath);
+        if (terminated.size) {
+          for (const agent of liveAgents) {
+            const agentName = agent.type || agent.name;
+            if (agentName && terminated.has(agentName)) {
+              const terminatedAt = terminated.get(agentName);
+              if (terminatedAt && agent.startedAt && terminatedAt < agent.startedAt) continue;
+              agent.status = 'stopped';
+              agent.stoppedAt = agent.stoppedAt || new Date().toISOString();
+              const agentFile = path.join(agentDir, agent.agentId + '.json');
+              fs.writeFile(agentFile, JSON.stringify(agent), 'utf8').catch(() => {});
+            }
+          }
+        }
+      } catch (_) {}
+    }
+
     const agentsNeedingPrompt = agents.filter(a => !a.prompt);
     if (agentsNeedingPrompt.length && meta.jsonlPath) {
       try {
@@ -828,8 +839,21 @@ app.get('/api/sessions/:sessionId/agents', (req, res) => {
         }
       } catch (_) {}
     }
+    const teamColors = {};
+    if (teamConfig?.members) {
+      for (const m of teamConfig.members) {
+        if (m.name && m.color) teamColors[m.name] = m.color;
+      }
+      if (Object.keys(teamColors).length) {
+        for (const agent of agents) {
+          const name = agent.type || agent.name;
+          if (name && teamColors[name]) agent.color = teamColors[name];
+        }
+      }
+    }
+
     const waitingForUser = checkWaitingForUser(agentDir, logMtime);
-    res.json({ agents, waitingForUser });
+    res.json({ agents, waitingForUser, teamColors });
   } catch (e) {
     res.json({ agents: [], waitingForUser: null });
   }