claude-session-dashboard 0.3.0 → 0.3.1

package/dist/server/assets/{_sessionId-C-XZIPqn.js → _sessionId-BvDwvNyA.js}

@@ -10,7 +10,7 @@ import { ResponsiveContainer, AreaChart, YAxis, Tooltip, ReferenceLine, Area } f
 import { s as settingsQuery } from "./settings.queries-DSQd324O.js";
 import { g as getMergedPricing, c as calculateSessionCost, u as useSessionCost, E as ExportDropdown, d as downloadFile, e as sessionToJSON } from "./useSessionCost-CYs5UOX-.js";
 import { a as activeSessionsQuery } from "./sessions.queries-B5ZBiVJy.js";
-import { b as Route, u as usePrivacy } from "./router-Cb_hBXHI.js";
+import { b as Route, u as usePrivacy } from "./router-kB-tCwY9.js";
 import "@tanstack/history";
 import "@tanstack/router-core/ssr/client";
 import "@tanstack/router-core";
@@ -121,7 +121,8 @@ function buildTimelineChartData(turns, agents, skills, errors) {
       durationMs: agent.durationMs ?? null,
       totalTokens: agent.totalTokens ?? null,
       totalToolUseCount: agent.totalToolUseCount ?? null,
-      toolDots
+      toolDots,
+      skills: agent.skills?.map((s) => ({ skill: s.skill, args: s.args })) ?? []
     };
   });
   const skillMarkers = skills.map((s) => {
@@ -603,7 +604,40 @@ function AgentLaneSVG({
         ] })
       },
       `${dot.toolName}-${i}`
-    ))
+    )),
+    lane.skills && lane.skills.length > 0 && lane.skills.map((skill, i) => {
+      const skillRelX = lane.startX + (lane.endX - lane.startX) / (lane.skills.length + 1) * (i + 1);
+      const cx = toX(skillRelX);
+      const cy = y + 6;
+      const size = 3;
+      return /* @__PURE__ */ jsx(
+        "polygon",
+        {
+          points: `${cx},${cy - size} ${cx + size},${cy} ${cx},${cy + size} ${cx - size},${cy}`,
+          fill: "#fbbf24",
+          opacity: 0.85,
+          className: "cursor-pointer hover:opacity-100",
+          onMouseEnter: (e) => onHover(
+            {
+              kind: "skill",
+              skill: skill.skill,
+              args: skill.args,
+              timestamp: new Date(lane.startMs).toISOString()
+            },
+            getPosition(e)
+          ),
+          onMouseLeave: () => onHover(null, { x: 0, y: 0 }),
+          children: /* @__PURE__ */ jsxs("title", { children: [
+            "/",
+            skill.skill,
+            " (",
+            lane.subagentType,
+            ")"
+          ] })
+        },
+        `skill-${skill.skill}-${i}`
+      );
+    })
   ] });
 }
 function TimelineTooltip({ item, position }) {
@@ -1190,9 +1224,12 @@ function ErrorPanel({ errors }) {
     ] }, i)) })
   ] });
 }
-function AgentsSkillsPanel({
-  agents,
-  skills
+function computeAgentTokens(agent) {
+  if (!agent.tokens) return void 0;
+  return agent.tokens.inputTokens + agent.tokens.outputTokens;
+}
+function AgentDispatchesPanel({
+  agents
 }) {
   const { data: settings } = useQuery(settingsQuery);
   const { agentCosts, totalAgentCost } = useMemo(() => {
@@ -1213,27 +1250,13 @@ function AgentsSkillsPanel({
     }
     return { agentCosts: costs, totalAgentCost: total };
   }, [settings, agents]);
-  if (agents.length === 0 && skills.length === 0) return null;
-  const agentCounts = /* @__PURE__ */ new Map();
-  for (const a of agents) {
-    agentCounts.set(a.subagentType, (agentCounts.get(a.subagentType) ?? 0) + 1);
-  }
-  const sortedAgentCounts = [...agentCounts.entries()].sort(
-    ([, a], [, b]) => b - a
-  );
+  if (agents.length === 0) return null;
   const totalAgentTokens = agents.reduce(
     (sum, a) => sum + (a.totalTokens ?? computeAgentTokens(a) ?? 0),
     0
   );
-  const skillCounts = /* @__PURE__ */ new Map();
-  for (const s of skills) {
-    skillCounts.set(s.skill, (skillCounts.get(s.skill) ?? 0) + 1);
-  }
-  const sortedSkillCounts = [...skillCounts.entries()].sort(
-    ([, a], [, b]) => b - a
-  );
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-800 bg-gray-900/50 p-4", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-300", children: "Agents & Skills" }),
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-300", children: "Agent Dispatches" }),
     /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-gray-500", children: [
       agents.length,
       " agent dispatch",
@@ -1244,99 +1267,93 @@ function AgentsSkillsPanel({
         " tokens",
         totalAgentCost > 0 && ` · ~${formatUSD(totalAgentCost)}`,
         ")"
-      ] }),
-      skills.length > 0 && `, ${skills.length} skill invocation${skills.length !== 1 ? "s" : ""}`
-    ] }),
-    sortedAgentCounts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-gray-500", children: "Agent Types" }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: sortedAgentCounts.map(([type, count]) => /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: "inline-flex items-center gap-1 rounded-md bg-indigo-500/15 px-2 py-0.5 text-xs text-indigo-300",
-          children: [
-            type,
-            count > 1 && /* @__PURE__ */ jsxs("span", { className: "text-indigo-400/60", children: [
-              "×",
-              count
-            ] })
-          ]
-        },
-        type
-      )) })
-    ] }),
-    sortedSkillCounts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-gray-500", children: "Skills" }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: sortedSkillCounts.map(([skill, count]) => /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: "inline-flex items-center gap-1 rounded-md bg-amber-500/15 px-2 py-0.5 text-xs text-amber-300",
-          children: [
-            "/",
-            skill,
-            count > 1 && /* @__PURE__ */ jsxs("span", { className: "text-amber-400/60", children: [
-              "×",
-              count
-            ] })
-          ]
-        },
-        skill
-      )) })
-    ] }),
-    agents.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-gray-500", children: "Agent Dispatches" }),
-      agents.map((a, i) => {
-        const tokenCount = a.totalTokens ?? computeAgentTokens(a);
-        const agentCost = agentCosts.get(i);
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex items-start gap-2 rounded bg-gray-950/40 px-2 py-1.5",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-indigo-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-indigo-300", children: a.subagentType }),
-              a.model && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-gray-800 px-1.5 py-0.5 text-[10px] font-mono text-gray-400", children: a.model.replace(/^claude-/, "").replace(/-\d{8}$/, "") }),
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-gray-400", children: a.description }),
-              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-                tokenCount != null && tokenCount > 0 && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-indigo-400/80", children: formatTokenCount(tokenCount) }),
-                agentCost != null && agentCost > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-mono text-emerald-400/80", children: [
-                  "~",
-                  formatUSD(agentCost)
-                ] }),
-                a.totalToolUseCount != null && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-500", children: [
-                  a.totalToolUseCount,
-                  " tools"
-                ] }),
-                a.durationMs != null && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-600", children: formatDuration(a.durationMs) }),
-                a.timestamp && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-600", children: format(new Date(a.timestamp), "HH:mm:ss") })
-              ] })
-            ]
-          },
-          `a-${i}`
-        );
-      })
+      ] })
     ] }),
-    skills.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-gray-500", children: "Skill Invocations" }),
-      skills.map((s, i) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-start gap-2 rounded bg-gray-950/40 px-2 py-1.5",
-          children: [
-            /* @__PURE__ */ jsxs("span", { className: "shrink-0 rounded bg-amber-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-amber-300", children: [
-              "/",
-              s.skill
-            ] }),
-            s.args && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-mono text-gray-500", children: s.args }),
-            s.timestamp && /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-[10px] text-gray-600", children: format(new Date(s.timestamp), "HH:mm:ss") })
-          ]
-        },
-        `s-${i}`
-      ))
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-1", children: agents.map((a, i) => {
+      const tokenCount = a.totalTokens ?? computeAgentTokens(a);
+      const agentCost = agentCosts.get(i);
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded bg-gray-950/40 px-2 py-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-indigo-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-indigo-300", children: a.subagentType }),
+        a.model && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-gray-800 px-1.5 py-0.5 text-[10px] font-mono text-gray-400", children: a.model.replace(/^claude-/, "").replace(/-\d{8}$/, "") }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-gray-400", children: a.description }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+          tokenCount != null && tokenCount > 0 && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-indigo-400/80", children: formatTokenCount(tokenCount) }),
+          agentCost != null && agentCost > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-mono text-emerald-400/80", children: [
+            "~",
+            formatUSD(agentCost)
+          ] }),
+          a.totalToolUseCount != null && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-500", children: [
+            a.totalToolUseCount,
+            " tools"
+          ] }),
+          a.durationMs != null && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-600", children: formatDuration(a.durationMs) }),
+          a.timestamp && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-600", children: format(new Date(a.timestamp), "HH:mm:ss") })
+        ] })
+      ] }, `a-${i}`);
+    }) })
   ] });
 }
-function computeAgentTokens(agent) {
-  if (!agent.tokens) return void 0;
-  return agent.tokens.inputTokens + agent.tokens.outputTokens;
+function SkillInvocationsPanel({
+  agents,
+  skills
+}) {
+  const { groups, totalCount } = useMemo(() => {
+    const allSkills = [
+      ...skills.map((s) => ({ ...s, agentSource: null })),
+      ...agents.flatMap(
+        (a) => (a.skills ?? []).map((s) => ({ ...s, agentSource: a.subagentType }))
+      )
+    ].sort((a, b) => a.timestamp.localeCompare(b.timestamp));
+    const groupMap = /* @__PURE__ */ new Map();
+    for (const s of allSkills) {
+      let group = groupMap.get(s.skill);
+      if (!group) {
+        group = { skill: s.skill, count: 0, hasInjected: false, invocations: [] };
+        groupMap.set(s.skill, group);
+      }
+      group.count++;
+      if (s.source === "injected") group.hasInjected = true;
+      group.invocations.push({
+        agentSource: s.agentSource,
+        timestamp: s.timestamp,
+        source: s.source
+      });
+    }
+    return { groups: Array.from(groupMap.values()), totalCount: allSkills.length };
+  }, [skills, agents]);
+  if (totalCount === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-800 bg-gray-900/50 p-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-300", children: "Skill Invocations" }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-gray-500", children: [
+      groups.length,
+      " unique skill",
+      groups.length !== 1 ? "s" : "",
+      ",",
+      " ",
+      totalCount,
+      " invocation",
+      totalCount !== 1 ? "s" : ""
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-1", children: groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "rounded bg-gray-950/40 px-2 py-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "shrink-0 rounded bg-amber-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-amber-300", children: [
+          "/",
+          group.skill
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-500", children: [
+          "×",
+          group.count
+        ] }),
+        group.hasInjected && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-gray-800/40 px-1 py-0.5 text-[9px] text-gray-500", children: "context" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-1 ml-2 flex flex-wrap gap-x-1 text-[10px] text-gray-500", children: group.invocations.map((inv, j) => /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: inv.agentSource ?? "session" }),
+        ", ",
+        /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: format(new Date(inv.timestamp), "HH:mm:ss") }),
+        j < group.invocations.length - 1 && /* @__PURE__ */ jsx("span", { className: "text-gray-700", children: "; " })
+      ] }, j)) })
+    ] }, group.skill)) })
+  ] });
 }
 const statusConfig = {
   pending: { label: "Pending", bg: "bg-gray-500/20", text: "text-gray-400" },
@@ -1590,13 +1607,14 @@ function SessionDetailPage() {
       /* @__PURE__ */ jsx(ToolUsagePanel, { toolFrequency: detail.toolFrequency })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(CostEstimationPanel, { tokensByModel: detail.tokensByModel }) }),
-    (detail.agents.length > 0 || detail.skills.length > 0) && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(AgentsSkillsPanel, { agents: detail.agents, skills: detail.skills }) }),
+    detail.agents.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(AgentDispatchesPanel, { agents: detail.agents }) }),
     detail.tasks.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(TasksPanel, { tasks: detail.tasks }) }),
     /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(ErrorPanel, { errors: detail.errors }) }),
     /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
       /* @__PURE__ */ jsx("h2", { className: "mb-3 text-sm font-semibold text-gray-300", children: "Timeline" }),
       /* @__PURE__ */ jsx(TimelineEventsChart, { turns: detail.turns, agents: detail.agents, skills: detail.skills, errors: detail.errors })
-    ] })
+    ] }),
+    (detail.skills.length > 0 || detail.agents.some((a) => (a.skills?.length ?? 0) > 0)) && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(SkillInvocationsPanel, { agents: detail.agents, skills: detail.skills }) })
   ] });
 }
 export {

package/dist/server/assets/{_tanstack-start-manifest_v-B51mSkGz.js → _tanstack-start-manifest_v-CVdzOaof.js}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/__root.tsx", "children": ["/", "/_dashboard"], "preloads": ["/assets/main-CfJIADCp.js"], "assets": [] }, "/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/index.tsx" }, "/_dashboard": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard.tsx", "children": ["/_dashboard/settings", "/_dashboard/stats", "/_dashboard/sessions/$sessionId", "/_dashboard/sessions/"], "assets": [], "preloads": ["/assets/_dashboard-I7m6D7BE.js", "/assets/createServerFn-Bn6_ISOt.js", "/assets/sessions.queries-CrJg4dYU.js"] }, "/_dashboard/settings": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/settings.tsx", "assets": [], "preloads": ["/assets/settings-C4_lsEzl.js", "/assets/settings.types-9Qf5WcRY.js"] }, "/_dashboard/stats": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/stats.tsx", "assets": [], "preloads": ["/assets/stats-_r1gmaTe.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-DPZ-ubM1.js", "/assets/settings.types-9Qf5WcRY.js"] }, "/_dashboard/sessions/$sessionId": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-DEliIff6.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-DPZ-ubM1.js", "/assets/settings.types-9Qf5WcRY.js"] }, "/_dashboard/sessions/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/index.tsx", "assets": [], "preloads": ["/assets/index-BkqRvnEf.js", "/assets/format-Bsprb3az.js"] } }, "clientEntry": "/assets/main-CfJIADCp.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/__root.tsx", "children": ["/", "/_dashboard"], "preloads": ["/assets/main-CkUc_xJ0.js"], "assets": [] }, "/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/index.tsx" }, "/_dashboard": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard.tsx", "children": ["/_dashboard/settings", "/_dashboard/stats", "/_dashboard/sessions/$sessionId", "/_dashboard/sessions/"], "assets": [], "preloads": ["/assets/_dashboard-C-1YOzkf.js", "/assets/createServerFn-B5mibSc4.js", "/assets/sessions.queries-C-HTNzuR.js"] }, "/_dashboard/settings": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/settings.tsx", "assets": [], "preloads": ["/assets/settings-D56cUmNH.js", "/assets/settings.types-l5MKKuAK.js"] }, "/_dashboard/stats": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/stats.tsx", "assets": [], "preloads": ["/assets/stats-BunIdzj_.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-BDldLkTA.js", "/assets/settings.types-l5MKKuAK.js"] }, "/_dashboard/sessions/$sessionId": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-C4jQeEqE.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-BDldLkTA.js", "/assets/settings.types-l5MKKuAK.js"] }, "/_dashboard/sessions/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/index.tsx", "assets": [], "preloads": ["/assets/index-C83jHUdL.js", "/assets/format-Bsprb3az.js"] } }, "clientEntry": "/assets/main-CkUc_xJ0.js" });
 export {
   tsrStartManifest
 };

package/dist/server/assets/{claude-path-BdwflgZ1.js → claude-path-B2oho3NT.js}

@@ -23,9 +23,9 @@ function extractSessionId(filename) {
   return filename.replace(/\.jsonl$/, "");
 }
 export {
-  getProjectsDir as a,
+  getStatsPath as a,
   extractSessionId as b,
   decodeProjectDirName as d,
   extractProjectName as e,
-  getStatsPath as g
+  getProjectsDir as g
 };

package/dist/server/assets/{index-CKfH7HpA.js → index-Biupny11.js}

@@ -4,7 +4,7 @@ import { useQuery } from "@tanstack/react-query";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { p as paginatedSessionListQuery, a as activeSessionsQuery } from "./sessions.queries-B5ZBiVJy.js";
 import { a as formatDuration, b as formatRelativeTime, d as formatBytes } from "./format-DIZHV7IJ.js";
-import { u as usePrivacy, a as Route } from "./router-Cb_hBXHI.js";
+import { u as usePrivacy, a as Route } from "./router-kB-tCwY9.js";
 import "./createSsrRpc-CVg2UDl0.js";
 import "../server.js";
 import "@tanstack/history";

package/dist/server/assets/{project-analytics.server-BkWSd6a8.js → project-analytics.server-t1bM6wAa.js}

@@ -1,11 +1,11 @@
 import { c as createServerRpc } from "./createServerRpc-Bd3B-Ah9.js";
-import { s as scanAllSessions } from "./session-scanner-CLfls9u-.js";
+import { s as scanAllSessions } from "./session-scanner-1h9TTTAV.js";
 import { c as createServerFn } from "../server.js";
 import "node:fs";
 import "node:path";
-import "./claude-path-BdwflgZ1.js";
+import "./claude-path-B2oho3NT.js";
 import "node:os";
-import "./session-parser-CAEXxF1D.js";
+import "./session-parser-CIucKYBT.js";
 import "node:readline";
 import "@tanstack/history";
 import "@tanstack/router-core/ssr/client";

package/dist/server/assets/{router-Cb_hBXHI.js → router-kB-tCwY9.js}

@@ -96,7 +96,7 @@ function usePrivacy() {
   }
   return ctx;
 }
-const appCss = "/assets/app-D7yorIIh.css";
+const appCss = "/assets/app-DNBe9Acr.css";
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
@@ -145,7 +145,7 @@ const Route$4 = createFileRoute("/")({
     throw redirect({ to: "/sessions" });
   }
 });
-const $$splitComponentImporter$3 = () => import("./stats-BtgVene-.js");
+const $$splitComponentImporter$3 = () => import("./stats-CzGBAoxT.js");
 const statsSearchSchema = z.object({
   tab: z.enum(["overview", "projects"]).default("overview").catch("overview")
 });
@@ -153,11 +153,11 @@ const Route$3 = createFileRoute("/_dashboard/stats")({
   validateSearch: statsSearchSchema,
   component: lazyRouteComponent($$splitComponentImporter$3, "component")
 });
-const $$splitComponentImporter$2 = () => import("./settings-C0_KyVQQ.js");
+const $$splitComponentImporter$2 = () => import("./settings-jxAA3KAS.js");
 const Route$2 = createFileRoute("/_dashboard/settings")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./index-CKfH7HpA.js");
+const $$splitComponentImporter$1 = () => import("./index-Biupny11.js");
 const sessionsSearchSchema = z.object({
   page: z.number().int().min(1).default(1).catch(1),
   pageSize: z.number().int().min(5).max(100).default(5).catch(5),
@@ -169,7 +169,7 @@ const Route$1 = createFileRoute("/_dashboard/sessions/")({
   validateSearch: sessionsSearchSchema,
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./_sessionId-C-XZIPqn.js");
+const $$splitComponentImporter = () => import("./_sessionId-BvDwvNyA.js");
 const searchSchema = z.object({
   project: z.string().optional()
 });

package/dist/server/assets/{session-detail.server-DLXl-Pn-.js → session-detail.server-IUw67jz-.js}

@@ -1,8 +1,8 @@
 import { c as createServerRpc } from "./createServerRpc-Bd3B-Ah9.js";
 import * as path from "node:path";
 import * as fs from "node:fs";
-import { e as extractProjectName, a as getProjectsDir, d as decodeProjectDirName } from "./claude-path-BdwflgZ1.js";
-import { p as parseDetail } from "./session-parser-CAEXxF1D.js";
+import { e as extractProjectName, g as getProjectsDir, d as decodeProjectDirName } from "./claude-path-B2oho3NT.js";
+import { p as parseDetail } from "./session-parser-CIucKYBT.js";
 import { c as createServerFn } from "../server.js";
 import "node:os";
 import "node:readline";

package/dist/server/assets/{session-parser-CAEXxF1D.js → session-parser-CIucKYBT.js}

@@ -77,6 +77,7 @@ async function parseDetail(filePath, sessionId, projectPath, projectName) {
   const agentProgressTokens = /* @__PURE__ */ new Map();
   const agentProgressToolCalls = /* @__PURE__ */ new Map();
   const agentProgressModel = /* @__PURE__ */ new Map();
+  const agentIdByToolUseId = /* @__PURE__ */ new Map();
   const pendingTaskByToolUseId = /* @__PURE__ */ new Map();
   const taskById = /* @__PURE__ */ new Map();
   const contextSnapshots = [];
@@ -89,6 +90,10 @@ async function parseDetail(filePath, sessionId, projectPath, projectName) {
     if (msg.gitBranch && !branch) branch = msg.gitBranch;
     if (msg.type === "progress" && msg.parentToolUseID) {
       const parentId = msg.parentToolUseID;
+      const progressAgentId = msg.data?.agentId;
+      if (progressAgentId && parentId) {
+        agentIdByToolUseId.set(parentId, progressAgentId);
+      }
       const progressModel = msg.data?.message?.message?.model;
       if (progressModel && parentId) {
         agentProgressModel.set(parentId, progressModel);
@@ -313,6 +318,19 @@ async function parseDetail(filePath, sessionId, projectPath, projectName) {
       agent.model = actualModel;
     }
   }
+  const subagentDir = filePath.replace(/\.jsonl$/, "");
+  await Promise.all(
+    agents.map(async (agent) => {
+      const agentId = agentIdByToolUseId.get(agent.toolUseId);
+      if (!agentId) return;
+      agent.agentId = agentId;
+      const subagentFilePath = `${subagentDir}/subagents/agent-${agentId}.jsonl`;
+      try {
+        agent.skills = await parseSubagentSkills(subagentFilePath);
+      } catch {
+      }
+    })
+  );
   const modelName = modelsSet.size > 0 ? Array.from(modelsSet)[0] : "unknown";
   const contextWindow = buildContextWindowData(
     contextSnapshots,
@@ -335,6 +353,55 @@ async function parseDetail(filePath, sessionId, projectPath, projectName) {
     contextWindow
   };
 }
+const COMMAND_NAME_RE = /<command-name>([^<]+)<\/command-name>/;
+async function parseSubagentSkills(subagentFilePath) {
+  const skills = [];
+  const stream = fs.createReadStream(subagentFilePath, { encoding: "utf-8" });
+  const rl = readline.createInterface({ input: stream, crlfDelay: Infinity });
+  let lineCount = 0;
+  const MAX_LINES_FOR_INJECTED = 20;
+  for await (const line of rl) {
+    const msg = safeParse(line);
+    if (!msg) continue;
+    lineCount++;
+    if (lineCount <= MAX_LINES_FOR_INJECTED && msg.type === "user" && msg.message?.content) {
+      const content = msg.message.content;
+      if (Array.isArray(content) && content.length >= 1) {
+        const firstBlock = content[0];
+        if (firstBlock.type === "text" && firstBlock.text) {
+          const match = COMMAND_NAME_RE.exec(firstBlock.text);
+          if (match) {
+            const skillName = match[1].trim();
+            if (skillName) {
+              skills.push({
+                skill: skillName,
+                args: null,
+                timestamp: msg.timestamp ?? "",
+                toolUseId: `injected-${skillName}-${msg.timestamp ?? lineCount}`,
+                source: "injected"
+              });
+            }
+          }
+        }
+      }
+    }
+    if (msg.type === "assistant" && msg.message?.content) {
+      for (const block of msg.message.content) {
+        if (block.type !== "tool_use" || block.name !== "Skill") continue;
+        const inp = block.input;
+        if (!inp?.skill) continue;
+        skills.push({
+          skill: String(inp.skill),
+          args: inp.args ? String(inp.args) : null,
+          timestamp: msg.timestamp ?? "",
+          toolUseId: block.id ?? "",
+          source: "invoked"
+        });
+      }
+    }
+  }
+  return skills;
+}
 function getContextLimit(_modelName) {
   return 2e5;
 }

package/dist/server/assets/{session-scanner-CLfls9u-.js → session-scanner-1h9TTTAV.js}

@@ -1,7 +1,7 @@
 import * as fs from "node:fs";
 import * as path from "node:path";
-import { a as getProjectsDir, d as decodeProjectDirName, e as extractProjectName, b as extractSessionId } from "./claude-path-BdwflgZ1.js";
-import { a as parseSummary } from "./session-parser-CAEXxF1D.js";
+import { g as getProjectsDir, d as decodeProjectDirName, e as extractProjectName, b as extractSessionId } from "./claude-path-B2oho3NT.js";
+import { a as parseSummary } from "./session-parser-CIucKYBT.js";
 async function scanProjects() {
   const projectsDir = getProjectsDir();
   let entries;

package/dist/server/assets/{sessions.server-CUhasKW2.js → sessions.server-Cpffr3MU.js}

@@ -1,12 +1,12 @@
 import { c as createServerRpc } from "./createServerRpc-Bd3B-Ah9.js";
 import { z } from "zod";
-import { s as scanAllSessions, g as getActiveSessions } from "./session-scanner-CLfls9u-.js";
+import { s as scanAllSessions, g as getActiveSessions } from "./session-scanner-1h9TTTAV.js";
 import { c as createServerFn } from "../server.js";
 import "node:fs";
 import "node:path";
-import "./claude-path-BdwflgZ1.js";
+import "./claude-path-B2oho3NT.js";
 import "node:os";
-import "./session-parser-CAEXxF1D.js";
+import "./session-parser-CIucKYBT.js";
 import "node:readline";
 import "@tanstack/history";
 import "@tanstack/router-core/ssr/client";

package/dist/server/assets/{settings-C0_KyVQQ.js → settings-jxAA3KAS.js}

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { s as settingsQuery, u as useSettingsMutation } from "./settings.queries-DSQd324O.js";
 import { a as SUBSCRIPTION_TIERS, b as DEFAULT_PRICING, D as DEFAULT_SETTINGS } from "./settings.types-DntadCHo.js";
-import { u as usePrivacy } from "./router-Cb_hBXHI.js";
+import { u as usePrivacy } from "./router-kB-tCwY9.js";
 import "./createSsrRpc-CVg2UDl0.js";
 import "../server.js";
 import "@tanstack/history";

package/dist/server/assets/{stats-BtgVene-.js → stats-CzGBAoxT.js}

@@ -8,7 +8,7 @@ import { format, addDays, getDay, parseISO, startOfISOWeek } from "date-fns";
 import { createPortal } from "react-dom";
 import { f as formatTokenCount, a as formatDuration, b as formatRelativeTime, c as formatUSD } from "./format-DIZHV7IJ.js";
 import { Link } from "@tanstack/react-router";
-import { u as usePrivacy, R as Route } from "./router-Cb_hBXHI.js";
+import { u as usePrivacy, R as Route } from "./router-kB-tCwY9.js";
 import { u as useSessionCost, E as ExportDropdown, d as downloadFile, a as dailyActivityToCSV, b as dailyTokensToCSV, m as modelUsageToCSV, s as statsToJSON } from "./useSessionCost-CYs5UOX-.js";
 import "@tanstack/history";
 import "@tanstack/router-core/ssr/client";

package/dist/server/assets/{stats.server-qTOvID9-.js → stats.server-DXJiLqey.js}

@@ -1,6 +1,6 @@
 import { c as createServerRpc } from "./createServerRpc-Bd3B-Ah9.js";
 import * as fs from "node:fs";
-import { g as getStatsPath } from "./claude-path-BdwflgZ1.js";
+import { a as getStatsPath } from "./claude-path-B2oho3NT.js";
 import * as path from "node:path";
 import * as os from "node:os";
 import { z } from "zod";

package/dist/server/server.js

@@ -423,7 +423,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-B51mSkGz.js");
+  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-CVdzOaof.js");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -577,30 +577,30 @@ function createMultiplexedStream(jsonStream, rawStreams) {
     }
   });
 }
-const manifest = { "4b9a58c176f487b49800a372100037cdf33cf048f3592a449f115c7e3f5ea799": {
-  functionName: "getStats_createServerFn_handler",
-  importer: () => import("./assets/stats.server-qTOvID9-.js")
-}, "ff8a3161afdfa175e9c519e4146a56ab5bce6e80745e99cfc2191ebbb7a859bb": {
+const manifest = { "ff8a3161afdfa175e9c519e4146a56ab5bce6e80745e99cfc2191ebbb7a859bb": {
   functionName: "getSessionDetail_createServerFn_handler",
-  importer: () => import("./assets/session-detail.server-DLXl-Pn-.js")
+  importer: () => import("./assets/session-detail.server-IUw67jz-.js")
+}, "4b9a58c176f487b49800a372100037cdf33cf048f3592a449f115c7e3f5ea799": {
+  functionName: "getStats_createServerFn_handler",
+  importer: () => import("./assets/stats.server-DXJiLqey.js")
 }, "810657681a273df5b4e58f0d8fcc6a5451598b489431b9bcaa98eea0ad815da8": {
   functionName: "getSettings_createServerFn_handler",
   importer: () => import("./assets/settings.server-6B2PvLgf.js")
 }, "3050115d92ca91ab1fd8fd698e33076328aae80dc64ca27c088eee16cebccc1a": {
   functionName: "saveSettings_createServerFn_handler",
   importer: () => import("./assets/settings.server-6B2PvLgf.js")
-}, "64052f224a1d6696436e5d3deeee2b798f0742e1292ffabd038c3a7bf75e6fcb": {
-  functionName: "getProjectAnalytics_createServerFn_handler",
-  importer: () => import("./assets/project-analytics.server-BkWSd6a8.js")
 }, "bf8e4a7901f1843bdc9c46be1ad5ad59c615b8bbe611b73eb3ff28f20e43ee0d": {
   functionName: "getSessionList_createServerFn_handler",
-  importer: () => import("./assets/sessions.server-CUhasKW2.js")
+  importer: () => import("./assets/sessions.server-Cpffr3MU.js")
 }, "839d29fe93dfa2a6d506af7b48ca25197190a5ff4c796e970ddfdc6e8c98827f": {
   functionName: "getActiveSessionList_createServerFn_handler",
-  importer: () => import("./assets/sessions.server-CUhasKW2.js")
+  importer: () => import("./assets/sessions.server-Cpffr3MU.js")
 }, "a3f42f9012fd83586787da8f7cb90649da739dd947d867eb67572f68735ff495": {
   functionName: "getPaginatedSessions_createServerFn_handler",
-  importer: () => import("./assets/sessions.server-CUhasKW2.js")
+  importer: () => import("./assets/sessions.server-Cpffr3MU.js")
+}, "64052f224a1d6696436e5d3deeee2b798f0742e1292ffabd038c3a7bf75e6fcb": {
+  functionName: "getProjectAnalytics_createServerFn_handler",
+  importer: () => import("./assets/project-analytics.server-t1bM6wAa.js")
 } };
 async function getServerFnById(id) {
   const serverFnInfo = manifest[id];
@@ -1016,7 +1016,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./assets/router-Cb_hBXHI.js").then((n) => n.r);
+  const routerEntry = await import("./assets/router-kB-tCwY9.js").then((n) => n.r);
   const startEntry = await import("./assets/start-HYkvq4Ni.js");
   return { startEntry, routerEntry };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-session-dashboard",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Local observability dashboard for Claude Code sessions",
   "type": "module",
   "license": "MIT",