ccanalyzer 1.1.0 → 1.1.2

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "ccanalyzer",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Web-based analyzer for Claude Code sessions",
   "bin": {
-    "ccanalyzer": "./bin/index.js"
+    "ccanalyzer": "bin/index.js"
   },
   "main": "./src/server.js",
   "scripts": {

package/src/parser.js

@@ -164,6 +164,7 @@ function parseSubagents(sessionDir) {
     try { meta = JSON.parse(fs.readFileSync(path.join(subagentsDir, metaFile), 'utf8')); } catch {}
 
     const parsed = parseAgentFile(jsonlPath);
+    const { skills } = collectToolsUsed(jsonlPath);
     agents.push({
       agentId,
       meta,
@@ -173,6 +174,7 @@ function parseSubagents(sessionDir) {
       totalUsage: parsed.totalUsage,
       totalCost: parsed.totalCost,
       model: parsed.model,
+      skillsUsed: [...skills],
     });
   }
 
@@ -278,6 +280,25 @@ function getAllProjects() {
   return projects;
 }
 
+function collectToolsUsed(filePath) {
+  const mcps = new Set();
+  const skills = new Set();
+  for (const entry of parseLines(filePath)) {
+    if (entry.type !== 'assistant') continue;
+    for (const block of (entry.message?.content || [])) {
+      if (!block || block.type !== 'tool_use') continue;
+      if (block.name.startsWith('mcp__')) {
+        const parts = block.name.split('__');
+        const server = (parts[1] || '').replace(/^claude_ai_/, '').replace(/_/g, ' ');
+        if (server) mcps.add(server);
+      } else if (block.name === 'Skill' && block.input?.skill) {
+        skills.add(block.input.skill);
+      }
+    }
+  }
+  return { mcps, skills };
+}
+
 function getSessionDetail(dirName, sessionFile) {
   const filePath = path.join(PROJECTS_DIR, dirName, sessionFile);
   if (!fs.existsSync(filePath)) throw new Error('Session not found');
@@ -297,7 +318,22 @@ function getSessionDetail(dirName, sessionFile) {
     }
   }
 
-  return { ...session, agents };
+  // Aggregate MCPs and skills from main session + all subagent files
+  const allMcps = new Set();
+  const allSkills = new Set();
+  const filesToScan = [filePath];
+  const subagentsDir = path.join(sessionDir, 'subagents');
+  if (fs.existsSync(subagentsDir)) {
+    fs.readdirSync(subagentsDir).filter(f => f.endsWith('.jsonl'))
+      .forEach(f => filesToScan.push(path.join(subagentsDir, f)));
+  }
+  for (const f of filesToScan) {
+    const { mcps, skills } = collectToolsUsed(f);
+    mcps.forEach(m => allMcps.add(m));
+    skills.forEach(s => allSkills.add(s));
+  }
+
+  return { ...session, agents, sessionMcps: [...allMcps], sessionSkills: [...allSkills] };
 }
 
 function getAgentDetail(dirName, sessionFile, agentId) {

package/src/public/app.js

@@ -276,6 +276,20 @@ async function loadSessionDetail(dirNameEncoded, fileEncoded) {
     state.currentProject = state.projects.find(p => p.dirName === dirName);
   }
 
+  // Build map: message uuid → skills used by agents spawned from that message
+  state.agentSkillsByUuid = {};
+  if (session.agents) {
+    for (const agent of session.agents) {
+      if (agent.spawnedByUuid && agent.skillsUsed?.length) {
+        const existing = state.agentSkillsByUuid[agent.spawnedByUuid] || [];
+        for (const s of agent.skillsUsed) {
+          if (!existing.includes(s)) existing.push(s);
+        }
+        state.agentSkillsByUuid[agent.spawnedByUuid] = existing;
+      }
+    }
+  }
+
   setBreadcrumb([state.currentProject?.path || dirName, session.title]);
   renderSessionDetail(session, dirName, file);
 }
@@ -288,28 +302,12 @@ function renderSessionDetail(session, dirName, file) {
     ? new Date(lastTimestamp) - new Date(firstTimestamp) : null;
   const hasAgents = agents && agents.length > 0;
 
-  // Aggregate MCPs and skills across all messages
-  const sessionMcps = new Set();
-  const sessionSkills = new Set();
-  for (const msg of session.messages) {
-    if (msg.type !== 'assistant') continue;
-    const content = Array.isArray(msg.content) ? msg.content : [];
-    for (const block of content) {
-      if (!block || block.type !== 'tool_use') continue;
-      if (block.name.startsWith('mcp__')) {
-        const parts = block.name.split('__');
-        const server = (parts[1] || '').replace(/^claude_ai_/, '').replace(/_/g, ' ');
-        if (server) sessionMcps.add(server);
-      } else if (block.name === 'Skill' && block.input?.skill) {
-        sessionSkills.add(block.input.skill);
-      }
-    }
-  }
-  const mcpBar = sessionMcps.size > 0
-    ? `<div class="session-tools-bar">${[...sessionMcps].map(s => `<span class="usage-chip"><span class="tag-mcp">mcp</span>${escHtml(s)}</span>`).join('')}</div>`
+  // MCPs and skills pre-aggregated server-side (main + all subagents)
+  const mcpBar = session.sessionMcps?.length
+    ? `<div class="session-tools-bar">${session.sessionMcps.map(s => `<span class="usage-chip"><span class="tag-mcp">mcp</span>${escHtml(s)}</span>`).join('')}</div>`
     : '';
-  const skillBar = sessionSkills.size > 0
-    ? `<div class="session-tools-bar">${[...sessionSkills].map(s => `<span class="usage-chip"><span class="tag-skill">skill</span>${escHtml(s)}</span>`).join('')}</div>`
+  const skillBar = session.sessionSkills?.length
+    ? `<div class="session-tools-bar">${session.sessionSkills.map(s => `<span class="usage-chip"><span class="tag-skill">skill</span>${escHtml(s)}</span>`).join('')}</div>`
     : '';
 
   container.innerHTML = `
@@ -1000,6 +998,8 @@ function renderMessage(m, i, ctx, activeAgent) {
       ${m.model ? `<span class="usage-chip" style="color:var(--accent)">${escHtml(modelShort(m.model))}</span>` : ''}
       ${mcpServers.map(s => `<span class="usage-chip"><span class="tag-mcp">mcp</span>${escHtml(s)}</span>`).join('')}
       ${skillsUsed.map(s => `<span class="usage-chip"><span class="tag-skill">skill</span>${escHtml(s)}</span>`).join('')}
+      ${activeAgent?.kind === 'skill' && !skillsUsed.includes(activeAgent.name) ? `<span class="usage-chip"><span class="tag-skill">skill</span>${escHtml(activeAgent.name)}</span>` : ''}
+      ${(state.agentSkillsByUuid?.[m.uuid] || []).filter(s => !skillsUsed.includes(s)).map(s => `<span class="usage-chip"><span class="tag-skill">skill</span>${escHtml(s)}</span>`).join('')}
     </div>`;
   }
 

package/src/public/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>ccanalyzer</title>
-  <link rel="stylesheet" href="style.css?v=6" />
+  <link rel="stylesheet" href="style.css?v=9" />
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
 </head>
 <body>
@@ -33,6 +33,6 @@
     <div class="spinner"></div>
   </div>
 
-  <script src="app.js?v=6"></script>
+  <script src="app.js?v=9"></script>
 </body>
 </html>