claude-mission-control 1.13.0 → 1.14.0

package/README.md

@@ -35,6 +35,10 @@ Claude Code runs in a terminal. Once you have two or three sessions going, you l
 
 *Every screenshot here is demo data (`CLAUDE_DASH_DEMO=1`). The projects are invented.*
 
+**New in 1.14.0**
+
+- Cost per commit in each project's slide-over: every commit made during a Claude session shows its share of that session's cost, with a summary of cost per commit and spend in sessions that committed nothing.
+
 **New in 1.13.0**
 
 - Background sessions from `claude --bg` and Agent View carry a `BG` chip, the name Agent View gives them, and its one-line summary of what they did.
@@ -194,6 +198,7 @@ If something looks off, the log is at `~/Library/Logs/claude-dashboard.log`. To
 ![Stats view: activity heatmap, busiest hours, weekly rhythm, 90-day spend, per-model costs, the most expensive sessions, and models by project](docs/screenshots/stats.png)
 
 - **Project details** — click any project's name for a slide-over with its full session list, recent git commits, rendered CLAUDE.md, per-project memory files, skills/agents/commands from `.claude/`, and settings (permissions, MCP servers, allowed tools), plus the resolved **Toolset** below. Read-only; also a quick audit of which projects are missing instructions or memory. Esc closes.
+- **Cost per commit** — in each project's slide-over, every commit made during a Claude session carries a `≈$` figure: that session's cost split evenly over the commits it made (±5 minutes of its activity). Hover for which session it came from. The line above the list sums it up: cost per commit, how many of the recent commits came from a Claude session, and what was spent in sessions that committed nothing. It's an even split, so a one-line version bump counts the same as a feature.
 - **Toolset** — inside the project slide-over: what Claude Code would actually use in that project. Every installed plugin, every agent and skill from the project, your user dir, and enabled plugins, and every MCP server that applies, each marked on or off with where it came from and which settings scope decided it, resolved with Claude Code's own precedence (managed › local › project › user, deny beats allow, project agents shadow user agents shadow plugin agents). An amber list at the top flags things worth a look: a plugin enabled but not installed or gone stale, a deny rule naming an agent that no longer exists, a server that needs auth, a settings file that doesn't parse. The `⧉` on a row copies the exact snippet to flip it, aimed at `.claude/settings.local.json`; MCP toggles live in Claude's own registry, so that recipe tells you to run `/mcp` in a session instead (servers from a project's `.mcp.json` also honour the settings keys `enabledMcpjsonServers`, `disabledMcpjsonServers` and `enableAllProjectMcpServers`, and their recipes use those). Buttons at the foot reveal the project's settings files in Finder. Read-only — the dashboard never edits Claude configuration.
 
 ![Toolset in the project slide-over: plugins, agents, skills and MCP servers marked on or off with their source and deciding settings scope, an amber warning for a plugin enabled but not installed, and buttons for the project's settings files](docs/screenshots/toolset.png)

package/lib/demo.js

@@ -463,5 +463,29 @@ function demoToolset() {
   };
 }
 
-module.exports = { demoState, demoStats, demoSession, demoChanges, demoInventory, demoToolset };
+// Project slide-over for the demo: commits with their cost split from the
+// sessions that made them (see commitCosts in lib/gitlog.js).
+function demoProject() {
+  const now = Date.now();
+  const c = (sha, ago, subject, stat, cost, title, n) => ({
+    sha, ts: now - ago, subject, author: 'Demo', claude: cost != null, stat,
+    ...(cost != null ? { cost, costFrom: [{ sessionId: S1, title, commits: n }], sessionId: S1, sessionTitle: title } : {}),
+  });
+  return {
+    path: '/demo/acme-storefront', sessions: [], muted: false,
+    claudeMd: [], memory: [], skills: [], agents: [], commands: [], settings: {},
+    toolset: demoToolset(),
+    commits: [
+      c('9f3c2a1', 6 * MIN, 'Checkout: create the payment intent server-side', '3 files changed, 64 insertions(+), 9 deletions(-)', 8.2, 'Wire Stripe checkout into the cart', 3),
+      c('41be07d', 22 * MIN, 'Cart: call the checkout endpoint and redirect', '2 files changed, 31 insertions(+), 4 deletions(-)', 8.2, 'Wire Stripe checkout into the cart', 3),
+      c('c0d9e55', 41 * MIN, 'Remove the legacy checkout page', '1 file changed, 0 insertions(+), 212 deletions(-)', 8.2, 'Wire Stripe checkout into the cart', 3),
+      c('77a1f30', 3 * HOUR, 'Onboarding: account and store screens', '6 files changed, 240 insertions(+), 12 deletions(-)', 9.1, 'Design the onboarding flow', 2),
+      c('e52b8c4', 3 * HOUR + 40 * MIN, 'Onboarding: first-product screen', '3 files changed, 118 insertions(+), 3 deletions(-)', 9.1, 'Design the onboarding flow', 2),
+      c('1a6d9f2', 26 * HOUR, 'Bump dependencies', '2 files changed, 14 insertions(+), 14 deletions(-)', null),
+    ],
+    commitSummary: { total: 6, withSession: 5, perCommit: 8.56, noCommitSpend: 3.4 },
+  };
+}
+
+module.exports = { demoState, demoStats, demoSession, demoChanges, demoInventory, demoToolset, demoProject };
 

package/lib/gitlog.js

@@ -44,6 +44,47 @@ function linkCommitsToSessions(commits, sessions) {
   });
 }
 
+// Cost per commit: each session's cost is split evenly across the commits
+// made inside its activity window (same padded window as above). A commit
+// inside two overlapping sessions gets a share of both. Sessions that cost
+// something but committed nothing, since the oldest listed commit, are
+// reported separately rather than spread over unrelated commits.
+const round2 = (n) => Math.round(n * 100) / 100;
+function commitCosts(commits, sessions) {
+  const cost = new Map(); // sha -> usd
+  const from = new Map(); // sha -> [{ sessionId, title, commits }]
+  const oldest = commits.length ? Math.min(...commits.map((c) => c.ts)) : Infinity;
+  let attributed = 0;
+  let noCommit = 0;
+  for (const s of sessions || []) {
+    const usd = s.estCost || 0;
+    if (usd < 0.005 || !s.lastActivityAt) continue;
+    const start = (s.startedAt || s.lastActivityAt) - PAD;
+    const end = s.lastActivityAt + PAD;
+    const inside = commits.filter((c) => c.ts >= start && c.ts <= end);
+    if (!inside.length) {
+      if (s.lastActivityAt >= oldest) noCommit += usd;
+      continue;
+    }
+    attributed += usd;
+    for (const c of inside) {
+      cost.set(c.sha, (cost.get(c.sha) || 0) + usd / inside.length);
+      from.set(c.sha, [...(from.get(c.sha) || []), { sessionId: s.sessionId, title: s.title || null, commits: inside.length }]);
+    }
+  }
+  const out = commits.map((c) => (cost.has(c.sha) ? { ...c, cost: round2(cost.get(c.sha)), costFrom: from.get(c.sha) } : c));
+  const withSession = cost.size;
+  return {
+    commits: out,
+    summary: {
+      total: commits.length,
+      withSession,
+      perCommit: withSession ? round2(attributed / withSession) : null,
+      noCommitSpend: round2(noCommit),
+    },
+  };
+}
+
 function recentCommits(projectPath, limit = 30) {
   return new Promise((resolve) => {
     execFile(
@@ -55,4 +96,4 @@ function recentCommits(projectPath, limit = 30) {
   });
 }
 
-module.exports = { parseGitLog, linkCommitsToSessions, recentCommits };
+module.exports = { parseGitLog, linkCommitsToSessions, commitCosts, recentCommits };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-mission-control",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Local dashboard for Claude Code: live sessions, transcripts, costs, git status — all your projects in one place.",
   "main": "server.js",
   "bin": {

package/public/index.html

@@ -1607,6 +1607,18 @@ function renderMd(raw) {
   return `<div class="md">${out.join('')}</div>`;
 }
 
+// "≈$3.40 per commit · 18 of 30 made during a Claude session · ≈$12 in sessions with no commit"
+function commitSummaryLine(s) {
+  if (!s || !s.withSession) return '';
+  const w = costWording();
+  const parts = [
+    `${costChip(s.perCommit, { cls: '' })} per commit`,
+    `${s.withSession} of ${s.total} made during a Claude session`,
+    fmtCost(s.noCommitSpend) ? `${costChip(s.noCommitSpend, { cls: '' })} in sessions with no commit` : '',
+  ].filter(Boolean);
+  return `<div class="set-sub" style="margin:0 0 8px" title="${esc(`Each session's ${w.noun} is split evenly over the commits made while it was active (±5 minutes). Commits outside any session are left out.`)}">${parts.join(' · ')}</div>`;
+}
+
 function dSection(title, inner, empty) {
   return `<details class="d-section" open><summary>${esc(title)}</summary>${
     inner || `<div class="d-empty">${esc(empty)}</div>`}</details>`;
@@ -1697,6 +1709,8 @@ function renderDetail(d, name) {
         ${esc(c.subject)}
       </span>
       ${c.sessionId ? `<button class="copy" data-session="${esc(c.sessionId)}" title="${esc(c.sessionTitle || '')}">session →</button>` : ''}
+      ${c.cost != null ? `<span title="${esc((c.costFrom || []).map((f) =>
+        `${f.title || 'session'}: split over ${f.commits} commit${f.commits === 1 ? '' : 's'}`).join('\n'))}">${costChip(c.cost)}</span>` : ''}
       <span class="s-when">${esc(statCompact(c.stat))}</span>
       <span class="s-when">${relTime(c.ts)}</span>
     </li>`).join('');
@@ -1708,7 +1722,7 @@ function renderDetail(d, name) {
   $('#d-body').innerHTML =
     muteBtn +
     dSection(`Sessions — ${d.sessions.length}`, sessions, 'No sessions recorded.') +
-    dSection(`What changed — last ${(d.commits || []).length} commits`, commitRows ? `<ul class="d-sessions">${commitRows}</ul>` : null, 'No git history here.') +
+    dSection(`What changed — last ${(d.commits || []).length} commits`, commitRows ? commitSummaryLine(d.commitSummary) + `<ul class="d-sessions">${commitRows}</ul>` : null, 'No git history here.') +
     dSection('CLAUDE.md', d.claudeMd.length ? dFiles(d.claudeMd, 'name') : null, 'No CLAUDE.md — sessions here start without project instructions.') +
     dSection(`Memory — ${d.memory.length} file${d.memory.length === 1 ? '' : 's'}`, d.memory.length ? dFiles(d.memory, 'name') : null, 'No memory yet.') +
     dSection(`Skills, agents & commands — ${caps.length}`, caps.length ? dFiles(caps, 'name') : null, 'None in .claude/skills, .claude/agents, or .claude/commands.') +

package/server.js

@@ -15,9 +15,9 @@ const { sessionTitle } = require('./lib/transcripts');
 const { friendlyName } = require('./lib/names');
 const cfg = require('./lib/config');
 const { isProjectMuted } = require('./lib/notify');
-const { recentCommits, linkCommitsToSessions } = require('./lib/gitlog');
+const { recentCommits, linkCommitsToSessions, commitCosts } = require('./lib/gitlog');
 const { sessionChangeList, sessionFileDiff } = require('./lib/changes');
-const { demoState, demoStats, demoSession, demoChanges, demoInventory, demoToolset } = require('./lib/demo');
+const { demoState, demoStats, demoSession, demoChanges, demoInventory, demoProject } = require('./lib/demo');
 const { runSelfUpdate } = require('./lib/update');
 const { readInventory } = require('./lib/inventory');
 const { readToolset } = require('./lib/toolset');
@@ -133,13 +133,7 @@ const server = http.createServer((req, res) => {
     }
     if (url === '/api/search') return json(res, 200, { q: '', prompts: [], titles: [], notes: [], transcripts: null });
     if (url === '/api/reveal-file') return json(res, 200, { ok: true });
-    if (url === '/api/project') {
-      return json(res, 200, {
-        path: '/demo/acme-storefront', sessions: [], commits: [], muted: false,
-        claudeMd: [], memory: [], skills: [], agents: [], commands: [], settings: {},
-        toolset: demoToolset(),
-      });
-    }
+    if (url === '/api/project') return json(res, 200, demoProject());
     if (url === '/api/config' && req.method === 'GET') {
       return json(res, 200, { demo: true, notifications: true, usageApi: false, weeklyBudget: 200, idleNagMinutes: 60, terminals: [], resolvedTerminal: { id: 'terminal', label: 'Terminal' }, claudeApp: false, names: {}, ignores: [], themes: cfg.THEMES, version: VERSION, errors: [], pricingSource: null, unpricedModels: [] });
     }
@@ -258,7 +252,9 @@ const server = http.createServer((req, res) => {
     Promise.all([projectDetail(known), recentCommits(known), readInventory(collector.projectPaths())])
       .then(async ([detail, commits, inventory]) => {
         detail.sessions = collector.allSessions(known);
-        detail.commits = linkCommitsToSessions(commits, detail.sessions);
+        const costed = commitCosts(linkCommitsToSessions(commits, detail.sessions), detail.sessions);
+        detail.commits = costed.commits;
+        detail.commitSummary = costed.summary;
         detail.muted = isProjectMuted(known, cfg.readConfig().mutedProjects);
         detail.toolset = await readToolset(known, inventory);
         res.writeHead(200, { 'Content-Type': 'application/json; charset=utf-8' });