@monoes/monomindcli 1.10.32 → 1.10.33

package/.claude/helpers/handlers/stats-handler.cjs

@@ -6,7 +6,7 @@ module.exports = {
     var intelligence = hCtx.intelligence;
     var args = hCtx.args;
     if (intelligence && intelligence.stats) {
-      await Promise.resolve(intelligence.stats(args.includes('--json')));
+      try { await Promise.resolve(intelligence.stats(args.includes('--json'))); } catch (e) { /* non-fatal */ }
     } else {
       console.log('[WARN] Intelligence module not available. Run session-restore first.');
     }

package/.claude/helpers/statusline.cjs

@@ -1164,14 +1164,25 @@ function readMode() {
   return 'full'; // default
 }
 
+// ─── Testability export (when required as a module, not run as CLI) ──────────
+if (require.main !== module) {
+  module.exports = {
+    readJSON, safeStat, modelLabel,
+    getSecurityStatus, getSwarmStatus, getADRStatus,
+    getHooksStatus, getActiveAgent, getAgentDBStats,
+    getLearningStats, getTestStats, getIntegrationStatus,
+    generateJSON,
+  };
+}
+
 // ─── Main ───────────────────────────────────────────────────────
-if (process.argv.includes('--json')) {
+if (require.main === module && process.argv.includes('--json')) {
   console.log(JSON.stringify(generateJSON(), null, 2));
-} else if (process.argv.includes('--compact')) {
+} else if (require.main === module && process.argv.includes('--compact')) {
   console.log(JSON.stringify(generateJSON()));
-} else if (process.argv.includes('--single-line')) {
+} else if (require.main === module && process.argv.includes('--single-line')) {
   console.log(generateStatusline());
-} else if (process.argv.includes('--toggle')) {
+} else if (require.main === module && process.argv.includes('--toggle')) {
   // Toggle mode and print the new view
   const current = readMode();
   const next = current === 'compact' ? 'full' : 'compact';
@@ -1184,7 +1195,7 @@ if (process.argv.includes('--json')) {
   } else {
     console.log(generateDashboard());
   }
-} else {
+} else if (require.main === module) {
   // Default: respect mode state file
   const mode = readMode();
   if (mode === 'compact') {

package/dist/src/ui/.monomind/sessions/current.json

@@ -5,7 +5,7 @@
   "cwd": "/Users/morteza/Desktop/tools/monomind/packages/@monomind/cli/dist/src/ui",
   "context": {},
   "metrics": {
-    "edits": 0,
+    "edits": 10,
     "commands": 0,
     "tasks": 0,
     "errors": 0

package/dist/src/ui/dashboard-v2.html

@@ -74,7 +74,7 @@ html, body { height: 100%; background: var(--bg); color: var(--text-hi); font-fa
 #feed-sess-nav { margin-left: auto; display: flex; gap: 6px; align-items: center; }
 .sess-btn { font-size: 11px; color: var(--text-lo); background: var(--surface); border: 1px solid var(--border); border-radius: 4px; padding: 2px 8px; cursor: pointer; transition: color 0.1s; line-height: 1.4; }
 .sess-btn:hover { color: var(--text-hi); }
-#feed-scroll { flex: 1; overflow-y: auto; }
+#feed-scroll { flex: 1; overflow-y: auto; min-width: 0; }
 #feed-scroll::-webkit-scrollbar { width: 3px; }
 #feed-scroll::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
 
@@ -425,6 +425,85 @@ html, body { height: 100%; background: var(--bg); color: var(--text-hi); font-fa
 .ph-mid { background:oklch(72% 0.18 75 / 0.15); color:oklch(78% 0.18 75); }
 .ph-lo { background:oklch(60% 0.18 25 / 0.12); color:oklch(70% 0.18 25); }
 
+/* ── ambient mode ────────────────────────────────────────── */
+#app.ambient #sidebar,
+#app.ambient #topbar,
+#app.ambient #alerts-rail,
+#app.ambient #feed-head,
+#app.ambient #feed-time-filter,
+#app.ambient #metrics-pane,
+#app.ambient #replay-bar,
+#app.ambient #feed-recap,
+#app.ambient #feed-timeline { display:none !important; }
+#app.ambient #main { background:var(--bg); }
+#app.ambient #view-now { height:100vh; }
+#app.ambient #feed-pane { border:none; }
+#app.ambient .feed-entry { padding: 6px 22px; }
+#app.ambient .feed-lbl { font-size:14px; }
+#app-ambient-hint { display:none; position:fixed; bottom:16px; right:16px; font-size:11px; color:var(--text-xs); z-index:300; pointer-events:none; }
+#app.ambient #app-ambient-hint { display:block; }
+
+/* ── minimap scrubber ─────────────────────────────────────── */
+#feed-minimap { position:absolute; top:0; right:0; width:8px; height:100%; z-index:10; cursor:pointer; }
+#feed-minimap-track { position:absolute; inset:0; }
+.mm-pip { position:absolute; right:1px; width:6px; border-radius:3px; min-height:3px; opacity:0.55; transition:opacity 0.1s; }
+.mm-pip:hover { opacity:1; }
+.mm-pip.mp-file  { background:oklch(60% 0.12 220); }
+.mm-pip.mp-bash  { background:oklch(72% 0.18 75); }
+.mm-pip.mp-agent { background:oklch(70% 0.15 300); }
+.mm-pip.mp-mcp   { background:oklch(65% 0.15 200); }
+.mm-pip.mp-err   { background:var(--red); opacity:0.8; }
+.mm-pip.mp-user  { background:var(--text-xs); }
+.mm-pip.mp-other { background:var(--surface-hi); }
+#mm-thumb { position:absolute; right:0; width:8px; background:oklch(100% 0 0 / 0.08); border-radius:4px; pointer-events:none; transition:top 0.05s; }
+#feed-scroll-wrap { position:relative; flex:1; overflow:hidden; display:flex; }
+#feed-scroll { flex:1; }
+
+/* ── daily digest ─────────────────────────────────────────── */
+#digest-card { display:none; flex-shrink:0; border-bottom:1px solid var(--border); background:oklch(13.5% 0.009 55); padding:10px 18px; }
+#digest-card.show { display:block; }
+.digest-row { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
+.digest-title { font-size:11px; font-weight:600; letter-spacing:0.07em; text-transform:uppercase; color:var(--text-lo); margin-bottom:6px; display:flex; align-items:center; gap:8px; }
+.digest-close { margin-left:auto; background:none; border:none; color:var(--text-xs); cursor:pointer; font-size:13px; line-height:1; padding:0; }
+.digest-close:hover { color:var(--text-lo); }
+.digest-stat { display:inline-flex; align-items:center; gap:4px; font-size:11px; padding:2px 8px; border-radius:8px; background:var(--surface-hi); color:var(--text-mid); white-space:nowrap; }
+
+/* ── cost leaderboard ────────────────────────────────────── */
+.lb-toggle { font-size:11px; color:var(--text-lo); background:transparent; border:1px solid transparent; border-radius:8px; padding:2px 9px; cursor:pointer; transition:color 0.1s, background 0.1s; font-family:var(--sans); }
+.lb-toggle:hover { color:var(--text-hi); }
+.lb-toggle.on { background:oklch(72% 0.18 75 / 0.1); color:var(--accent); border-color:oklch(72% 0.18 75 / 0.3); }
+.lb-table { width:100%; border-collapse:collapse; margin-top:4px; }
+.lb-table th { font-size:10px; letter-spacing:0.07em; text-transform:uppercase; color:var(--text-xs); padding:4px 6px; text-align:left; border-bottom:1px solid var(--border); }
+.lb-table td { font-size:12px; padding:7px 6px; border-bottom:1px solid oklch(25% 0.008 55 / 0.5); color:var(--text-mid); vertical-align:top; cursor:pointer; }
+.lb-table tr:hover td { background:var(--surface-hi); color:var(--text-hi); }
+.lb-rank { font-family:var(--mono); color:var(--text-xs); width:22px; }
+.lb-cost { font-family:var(--mono); color:oklch(78% 0.18 75); white-space:nowrap; }
+.lb-dur  { font-family:var(--mono); color:var(--text-lo); white-space:nowrap; }
+.lb-prompt { max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+
+/* ── session diff ─────────────────────────────────────────── */
+.diff-toggle { font-size:11px; color:var(--text-lo); background:transparent; border:1px solid transparent; border-radius:8px; padding:2px 9px; cursor:pointer; transition:color 0.1s, background 0.1s; font-family:var(--sans); }
+.diff-toggle:hover { color:var(--text-hi); }
+.diff-toggle.on { background:oklch(60% 0.12 220 / 0.1); color:oklch(65% 0.12 220); border-color:oklch(60% 0.12 220 / 0.3); }
+#diff-panel { display:none; border:1px solid var(--border); border-radius:8px; margin-bottom:16px; overflow:hidden; }
+#diff-panel.show { display:block; }
+.diff-header { display:flex; align-items:center; gap:10px; padding:8px 12px; border-bottom:1px solid var(--border); background:oklch(14% 0.009 55); }
+.diff-title { font-size:11px; font-weight:600; letter-spacing:0.07em; text-transform:uppercase; color:var(--text-lo); flex:1; }
+.diff-clear { background:none; border:none; color:var(--text-xs); cursor:pointer; font-size:12px; }
+.diff-cols { display:grid; grid-template-columns:1fr 1fr; }
+.diff-col { padding:10px 14px; }
+.diff-col + .diff-col { border-left:1px solid var(--border); }
+.diff-col-title { font-size:11px; font-weight:600; color:var(--text-mid); margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.diff-row { display:flex; justify-content:space-between; gap:8px; padding:3px 0; border-bottom:1px solid oklch(25% 0.008 55 / 0.4); }
+.diff-row:last-child { border-bottom:none; }
+.diff-k { font-size:11px; color:var(--text-xs); }
+.diff-v { font-size:11px; font-family:var(--mono); color:var(--text-mid); }
+.diff-v.diff-hi { color:oklch(78% 0.18 75); }
+.diff-v.diff-lo { color:var(--red); }
+.diff-hint { font-size:11px; color:var(--text-xs); padding:8px 12px; text-align:center; }
+.sess-row.diff-sel-a { background:oklch(60% 0.12 220 / 0.08); outline:1px solid oklch(60% 0.12 220 / 0.3); }
+.sess-row.diff-sel-b { background:oklch(72% 0.18 75 / 0.06); outline:1px solid oklch(72% 0.18 75 / 0.3); }
+
 /* ── budget cap ──────────────────────────────────────────── */
 #budget-modal { display:none; position:fixed; inset:0; z-index:200; background:oklch(5% 0 0 / 0.6); align-items:center; justify-content:center; }
 #budget-modal.open { display:flex; }
@@ -566,10 +645,20 @@ html, body { height: 100%; background: var(--bg); color: var(--text-hi); font-fa
           <button class="tf-btn" data-tf="1h" onclick="setFeedTimeFilter('1h')">1h</button>
           <button class="tf-btn" data-tf="6h" onclick="setFeedTimeFilter('6h')">6h</button>
           <button class="tf-btn" data-tf="24h" onclick="setFeedTimeFilter('24h')">24h</button>
-          <span class="kb-hint"><kbd>J</kbd><kbd>K</kbd> navigate &nbsp;<kbd>↵</kbd> detail &nbsp;<kbd>/</kbd> find &nbsp;<kbd>G</kbd> live &nbsp;<kbd>⌘K</kbd> search</span>
+          <span class="kb-hint"><kbd>J</kbd><kbd>K</kbd> navigate &nbsp;<kbd>↵</kbd> detail &nbsp;<kbd>/</kbd> find &nbsp;<kbd>G</kbd> live &nbsp;<kbd>A</kbd> ambient &nbsp;<kbd>⌘K</kbd> search</span>
+        </div>
+        <div id="digest-card">
+          <div class="digest-title">Today's Digest <button class="digest-close" onclick="dismissDigest()" title="Dismiss">✕</button></div>
+          <div class="digest-row" id="digest-stats"></div>
         </div>
-        <div id="feed-scroll">
-          <div id="feed-content"><div class="loading-txt">Loading activity…</div></div>
+        <div id="feed-scroll-wrap">
+          <div id="feed-scroll">
+            <div id="feed-content"><div class="loading-txt">Loading activity…</div></div>
+          </div>
+          <div id="feed-minimap" title="Click to jump · events map">
+            <div id="feed-minimap-track"></div>
+            <div id="mm-thumb"></div>
+          </div>
         </div>
       </div>
 
@@ -617,11 +706,23 @@ html, body { height: 100%; background: var(--bg); color: var(--text-hi); font-fa
     <!-- SESSIONS -->
     <div class="view" id="view-sessions">
       <div class="vscroll">
-        <div style="display:flex;align-items:baseline;gap:10px;margin-bottom:4px">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap">
           <div class="pg-title" style="margin-bottom:0">Sessions</div>
           <button id="sess-star-filter" onclick="toggleSessStarFilter()" title="Show only bookmarked sessions">☆ Starred</button>
+          <button class="lb-toggle" id="btn-leaderboard" onclick="toggleLeaderboard()" title="Cost leaderboard">⬆ Leaderboard</button>
+          <button class="diff-toggle" id="btn-diff" onclick="toggleDiffMode()" title="Compare two sessions">⇄ Compare</button>
         </div>
         <div class="pg-sub" id="sess-pg-sub">Recent Claude Code sessions for this project</div>
+        <div id="diff-panel">
+          <div class="diff-header"><span class="diff-title">Session Comparison</span><button class="diff-clear" onclick="clearDiff()" title="Clear">✕</button></div>
+          <div class="diff-hint" id="diff-hint">Click two sessions below to compare them</div>
+          <div class="diff-cols" id="diff-cols" style="display:none"></div>
+        </div>
+        <div id="lb-panel" style="display:none;margin-bottom:16px">
+          <table class="lb-table"><thead><tr>
+            <th class="lb-rank">#</th><th>Session</th><th class="lb-cost">Cost</th><th class="lb-dur">Duration</th>
+          </tr></thead><tbody id="lb-body"></tbody></table>
+        </div>
         <div id="sess-content" class="sess-list"><div class="loading-txt">Loading…</div></div>
       </div>
     </div>
@@ -670,6 +771,7 @@ html, body { height: 100%; background: var(--bg); color: var(--text-hi); font-fa
 
   </div><!-- /view-wrap -->
 </div><!-- /main -->
+<div id="app-ambient-hint">Press A to exit ambient mode</div>
 </div><!-- /app -->
 
 <!-- budget modal (fixed overlay, outside app) -->
@@ -978,7 +1080,8 @@ function renderFeedEvents(events, silent) {
 
   // update timeline + breakdown with all original events (before time-filter)
   buildTimeline(filtered);
-  buildBreakdown(filtered);
+  buildBreakdownByName(filtered);
+  buildMinimap(filtered);
   // session recap card
   buildRecap(filtered, allSessions[sessionIdx]);
 }
@@ -1287,8 +1390,8 @@ async function renderProjects() {
   const el = document.getElementById('proj-content');
   el.innerHTML = '<div class="loading-txt">Loading…</div>';
   try {
-    const data = await apiFetch('/api/data?dir=' + enc(ORIGINAL_DIR));
-    allProjects = data?.allProjects || [];
+    const data = await apiFetch('/api/projects');
+    allProjects = data?.projects || [];
     document.getElementById('bdg-projects').textContent = allProjects.length || '—';
     document.getElementById('proj-pg-sub').textContent =
       allProjects.length + ' project' + (allProjects.length !== 1 ? 's' : '') + ' found';
@@ -1351,7 +1454,8 @@ async function renderSessions() {
       el.innerHTML = '<div class="empty"><div class="empty-ico">☆</div><div>No bookmarked sessions</div></div>';
       return;
     }
-    el.innerHTML = toShow.map(s => {
+    const sessData = JSON.stringify(toShow).replace(/'/g, '&#39;');
+    el.innerHTML = toShow.map((s, idx) => {
       const dur  = s.totalDurationMs ? fmtDur(s.totalDurationMs) : '';
       const msgs = s.totalMessages ? s.totalMessages + ' msg' : '';
       const cost = typeof s.totalCost === 'number' ? '$' + s.totalCost.toFixed(2)
@@ -1360,7 +1464,8 @@ async function renderSessions() {
       const summaries = (s.summaries || []).slice(0, 2).map(sm => { const t = typeof sm === 'string' ? sm : (sm.summary || sm.text || String(sm)); return `<span class="sr-tag">${esc(t.slice(0, 40))}</span>`; }).join('');
       const autoTags = (allTags.sessionTags.get(s.id) || []).map(t => `<span class="sr-autotag">${esc(t)}</span>`).join('');
       const isStarred = bookmarks.has(s.id);
-      return `<div class="sess-row" onclick="jumpToSession('${esc(s.id)}')">
+      const sData = JSON.stringify(s).replace(/'/g, '&#39;');
+      return `<div class="sess-row" data-sess-idx="${idx}" onclick="diffMode ? diffSelectSession(JSON.parse(this.dataset.sessData || '{}'), this) : jumpToSession('${esc(s.id)}')" data-sess-data='${sData}'>
         <div class="sr-top">
           <div class="sr-prompt">${esc(s.lastPrompt || s.id)}</div>
           <div class="sr-time">${relTime(s.lastTs || s.mtime)}</div>
@@ -1375,6 +1480,8 @@ async function renderSessions() {
     if (allTags.common.size > 1) {
       el.innerHTML = buildTagFilterBar(toShow) + el.innerHTML;
     }
+    buildDigest();
+    if (leaderboardOpen) renderLeaderboard();
   } catch (err) {
     el.innerHTML = '<div class="empty">Could not load sessions: ' + esc(err.message) + '</div>';
   }
@@ -1492,9 +1599,9 @@ async function renderGlobalFeed() {
   const el = document.getElementById('gf-content');
   el.innerHTML = '<div class="loading-txt">Loading all projects…</div>';
   try {
-    // fetch project list using ORIGINAL_DIR
-    const data = await apiFetch('/api/data?dir=' + enc(ORIGINAL_DIR));
-    const projects = (data?.allProjects || []).slice(0, 8);
+    // fetch project list
+    const data = await apiFetch('/api/projects');
+    const projects = (data?.projects || []).slice(0, 8);
     if (!projects.length) {
       el.innerHTML = '<div class="empty"><div class="empty-ico">⊕</div><div>No projects found</div></div>';
       return;
@@ -1695,6 +1802,256 @@ function healthClass(score) {
   return 'ph-lo';
 }
 
+// ── feature 7: tool call frequency chart (by name) ─────────
+function buildBreakdownByName(events) {
+  const counts = {};
+  for (const ev of events) {
+    if (ev.kind !== 'tool') continue;
+    const name = (ev.name || ev.cat || 'other').replace(/^mcp__.*$/, 'MCP').replace(/^m__.*$/, 'MCP');
+    counts[name] = (counts[name] || 0) + 1;
+  }
+  const total = Object.values(counts).reduce((a, b) => a + b, 0);
+  if (!total) {
+    document.getElementById('m-breakdown').innerHTML =
+      '<div class="m-group-title">Tool Usage</div><div class="loading-txt" style="padding:6px 0">—</div>';
+    return;
+  }
+  const CAT_COLOR = { Bash:'oklch(72% 0.18 75)', Read:'oklch(60% 0.12 220)', Edit:'oklch(65% 0.15 160)', Write:'oklch(65% 0.15 160)', Agent:'oklch(70% 0.15 300)', Task:'oklch(65% 0.15 280)', MCP:'oklch(65% 0.15 200)', WebFetch:'oklch(60% 0.12 195)', WebSearch:'oklch(60% 0.12 195)' };
+  const getColor = n => CAT_COLOR[n] || 'var(--text-xs)';
+  const sorted = Object.entries(counts).sort((a, b) => b[1] - a[1]).slice(0, 8);
+  const rows = sorted.map(([name, cnt]) => {
+    const pct = Math.round(cnt / total * 100);
+    return `<div class="tb-row">
+      <div class="tb-lbl" style="width:54px" title="${esc(name)}">${esc(name.length > 8 ? name.slice(0,7)+'…' : name)}</div>
+      <div class="tb-bar-wrap"><div class="tb-bar" style="width:${pct}%;background:${getColor(name)}"></div></div>
+      <div class="tb-count">${cnt}</div>
+    </div>`;
+  }).join('');
+  document.getElementById('m-breakdown').innerHTML =
+    `<div class="m-group-title">Tool Usage <span style="font-size:10px;color:var(--text-xs);font-weight:400">${total} calls</span></div><div class="m-breakdown">${rows}</div>`;
+}
+
+// ── feature 8: ambient mode ────────────────────────────────
+function toggleAmbient() {
+  document.getElementById('app').classList.toggle('ambient');
+}
+
+// ── feature 9: daily digest ────────────────────────────────
+const DIGEST_DISMISSED_KEY = 'mm-digest-dismissed';
+
+function buildDigest() {
+  const todayKey = new Date().toISOString().slice(0, 10);
+  if (localStorage.getItem(DIGEST_DISMISSED_KEY) === todayKey) return;
+  if (!allSessions.length) return;
+
+  const todayStart = new Date(); todayStart.setHours(0, 0, 0, 0);
+  const todaySessions = allSessions.filter(s => {
+    const t = s.lastTs || s.mtime;
+    return t && new Date(typeof t === 'number' ? t : t).getTime() >= todayStart.getTime();
+  });
+  if (!todaySessions.length) return;
+
+  const totalCost = todaySessions.reduce((a, s) => a + (s.totalCost || 0), 0);
+  const totalTools = todaySessions.reduce((a, s) => a + (s.toolCalls || 0), 0);
+  const totalMsgs = todaySessions.reduce((a, s) => a + (s.userMessages || 0), 0);
+  const longestMs = Math.max(...todaySessions.map(s => s.totalDurationMs || 0));
+
+  // gather top tools from today's sessions' tag keywords as themes
+  const themes = [...new Set(todaySessions.flatMap(s => s._tags || []))].slice(0, 3);
+
+  const stats = [
+    `${todaySessions.length} session${todaySessions.length > 1 ? 's' : ''}`,
+    totalCost > 0 ? `$${totalCost.toFixed(2)} spent` : null,
+    totalTools > 0 ? `${totalTools} tool calls` : null,
+    totalMsgs > 0 ? `${totalMsgs} messages` : null,
+    longestMs > 0 ? `${fmtDur(longestMs)} longest` : null,
+    ...themes.map(t => `#${t}`),
+  ].filter(Boolean);
+
+  document.getElementById('digest-stats').innerHTML =
+    stats.map(s => `<span class="digest-stat">${esc(s)}</span>`).join('');
+  document.getElementById('digest-card').classList.add('show');
+}
+
+function dismissDigest() {
+  const todayKey = new Date().toISOString().slice(0, 10);
+  localStorage.setItem(DIGEST_DISMISSED_KEY, todayKey);
+  document.getElementById('digest-card').classList.remove('show');
+}
+
+// ── feature 10: minimap scrubber ──────────────────────────
+function buildMinimap(events) {
+  const track = document.getElementById('feed-minimap-track');
+  const thumb = document.getElementById('mm-thumb');
+  const scroll = document.getElementById('feed-scroll');
+  if (!track || !thumb || !scroll) return;
+
+  const tools = events.filter(ev => ev.kind === 'tool' || ev.kind === 'user');
+  if (!tools.length) { track.innerHTML = ''; return; }
+
+  const CAT_CLS = { file:'mp-file', bash:'mp-bash', agent:'mp-agent', mcp:'mp-mcp', user:'mp-user' };
+  const H = scroll.clientHeight || 400;
+  const N = tools.length;
+  track.innerHTML = tools.map((ev, i) => {
+    const top = Math.round((i / N) * H);
+    const h = Math.max(3, Math.round((1 / N) * H * 0.7));
+    const cls = ev._errored ? 'mp-err' : (ev.kind === 'user' ? 'mp-user' : (CAT_CLS[ev.cat] || 'mp-other'));
+    return `<div class="mm-pip ${cls}" style="top:${top}px;height:${h}px" onclick="minimapJump(${i},${N})"></div>`;
+  }).join('');
+
+  // sync thumb
+  const updateThumb = () => {
+    const ratio = scroll.scrollHeight > H ? scroll.scrollTop / (scroll.scrollHeight - H) : 0;
+    const thH = Math.max(20, Math.round(H * (H / Math.max(scroll.scrollHeight, H + 1))));
+    thumb.style.height = thH + 'px';
+    thumb.style.top = Math.round(ratio * (H - thH)) + 'px';
+  };
+  scroll.removeEventListener('scroll', scroll._mmListener || (() => {}));
+  scroll._mmListener = updateThumb;
+  scroll.addEventListener('scroll', scroll._mmListener);
+  updateThumb();
+}
+
+function minimapJump(idx, total) {
+  const scroll = document.getElementById('feed-scroll');
+  if (!scroll) return;
+  scroll.scrollTop = Math.round((idx / total) * scroll.scrollHeight);
+}
+
+// ── feature 11: cost leaderboard ──────────────────────────
+let leaderboardOpen = false;
+
+function toggleLeaderboard() {
+  leaderboardOpen = !leaderboardOpen;
+  document.getElementById('btn-leaderboard').classList.toggle('on', leaderboardOpen);
+  const panel = document.getElementById('lb-panel');
+  panel.style.display = leaderboardOpen ? 'block' : 'none';
+  if (leaderboardOpen) renderLeaderboard();
+}
+
+function renderLeaderboard() {
+  const sorted = [...allSessions]
+    .filter(s => typeof s.totalCost === 'number' && s.totalCost > 0)
+    .sort((a, b) => b.totalCost - a.totalCost)
+    .slice(0, 15);
+  const body = document.getElementById('lb-body');
+  if (!sorted.length) { body.innerHTML = '<tr><td colspan="4" style="text-align:center;color:var(--text-xs);padding:12px">No cost data yet</td></tr>'; return; }
+  body.innerHTML = sorted.map((s, i) => {
+    const cost = '$' + s.totalCost.toFixed(2);
+    const dur = s.totalDurationMs ? fmtDur(s.totalDurationMs) : '—';
+    const prompt = s.lastPrompt || s.id;
+    return `<tr onclick="jumpToSession('${esc(s.id)}')" title="${esc(prompt)}">
+      <td class="lb-rank">${i + 1}</td>
+      <td class="lb-prompt">${esc(prompt.slice(0, 60))}</td>
+      <td class="lb-cost">${cost}</td>
+      <td class="lb-dur">${dur}</td>
+    </tr>`;
+  }).join('');
+}
+
+// ── feature 12: session diff ──────────────────────────────
+let diffMode = false;
+let diffSelA = null; let diffSelB = null;
+
+function toggleDiffMode() {
+  diffMode = !diffMode;
+  document.getElementById('btn-diff').classList.toggle('on', diffMode);
+  const panel = document.getElementById('diff-panel');
+  panel.classList.toggle('show', diffMode);
+  if (!diffMode) clearDiff();
+}
+
+function clearDiff() {
+  diffSelA = null; diffSelB = null;
+  document.getElementById('diff-hint').style.display = '';
+  document.getElementById('diff-cols').style.display = 'none';
+  document.getElementById('diff-cols').innerHTML = '';
+  document.querySelectorAll('.sess-row.diff-sel-a, .sess-row.diff-sel-b').forEach(el => {
+    el.classList.remove('diff-sel-a', 'diff-sel-b');
+  });
+}
+
+function diffSelectSession(sess, el) {
+  if (!diffMode) return;
+  if (diffSelA && diffSelA.id === sess.id) {
+    diffSelA = null;
+    el.classList.remove('diff-sel-a');
+    document.getElementById('diff-hint').style.display = '';
+    document.getElementById('diff-cols').style.display = 'none';
+    return;
+  }
+  if (diffSelB && diffSelB.id === sess.id) {
+    diffSelB = null;
+    el.classList.remove('diff-sel-b');
+    renderDiff();
+    return;
+  }
+  if (!diffSelA) {
+    diffSelA = sess;
+    el.classList.add('diff-sel-a');
+  } else if (!diffSelB) {
+    diffSelB = sess;
+    el.classList.add('diff-sel-b');
+  } else {
+    // replace B with new selection
+    document.querySelectorAll('.sess-row.diff-sel-b').forEach(e => e.classList.remove('diff-sel-b'));
+    diffSelB = sess;
+    el.classList.add('diff-sel-b');
+  }
+  if (diffSelA && diffSelB) {
+    renderDiff();
+  } else {
+    document.getElementById('diff-hint').textContent = diffSelA ? 'Now click a second session to compare' : 'Click two sessions below to compare them';
+    document.getElementById('diff-hint').style.display = '';
+    document.getElementById('diff-cols').style.display = 'none';
+  }
+}
+
+function renderDiff() {
+  if (!diffSelA || !diffSelB) return;
+  document.getElementById('diff-hint').style.display = 'none';
+  const cols = document.getElementById('diff-cols');
+  cols.style.display = '';
+  const fmt = (a, b, key, prefix = '') => {
+    const va = a[key], vb = b[key];
+    if (va == null && vb == null) return '';
+    const fa = prefix + (va != null ? va : '—');
+    const fb = prefix + (vb != null ? vb : '—');
+    const hiA = va != null && vb != null && va > vb ? ' diff-hi' : (va != null && vb != null && va < vb ? ' diff-lo' : '');
+    const hiB = va != null && vb != null && vb > va ? ' diff-hi' : (va != null && vb != null && vb < va ? ' diff-lo' : '');
+    return [fa, hiA, fb, hiB];
+  };
+
+  const diffCol = (s) => {
+    const cost = typeof s.totalCost === 'number' ? '$' + s.totalCost.toFixed(2) : '—';
+    const dur = s.totalDurationMs ? fmtDur(s.totalDurationMs) : '—';
+    const tools = s.toolCalls != null ? s.toolCalls : '—';
+    const msgs = s.userMessages != null ? s.userMessages : '—';
+    const errs = s.errors != null ? s.errors : '—';
+    const prompt = (s.lastPrompt || s.id || '').slice(0, 50);
+    return { cost, dur, tools, msgs, errs, prompt, s };
+  };
+
+  const a = diffCol(diffSelA), b = diffCol(diffSelB);
+  const rows = [
+    ['Cost', a.cost, b.cost, typeof diffSelA.totalCost === 'number' && typeof diffSelB.totalCost === 'number' ? (diffSelA.totalCost > diffSelB.totalCost ? ['diff-hi','diff-lo'] : diffSelA.totalCost < diffSelB.totalCost ? ['diff-lo','diff-hi'] : ['','']) : ['','']],
+    ['Duration', a.dur, b.dur, ['','']],
+    ['Tool calls', a.tools, b.tools, typeof a.tools === 'number' && typeof b.tools === 'number' ? (a.tools > b.tools ? ['diff-hi','diff-lo'] : a.tools < b.tools ? ['diff-lo','diff-hi'] : ['','']) : ['','']],
+    ['Messages', a.msgs, b.msgs, ['','']],
+    ['Errors', a.errs, b.errs, ['','']],
+  ];
+
+  const colHtml = (idx) => `<div class="diff-col">
+    <div class="diff-col-title">${esc(idx === 0 ? a.prompt : b.prompt)}</div>
+    ${rows.map(([k, va, vb, cls]) => `<div class="diff-row">
+      <span class="diff-k">${k}</span>
+      <span class="diff-v ${cls[idx]}">${esc(idx === 0 ? va : vb)}</span>
+    </div>`).join('')}
+  </div>`;
+
+  cols.innerHTML = colHtml(0) + colHtml(1);
+}
+
 // ── loops ──────────────────────────────────────────────────
 async function renderLoops() {
   const el = document.getElementById('loops-content');
@@ -2193,7 +2550,8 @@ document.addEventListener('keydown', e => {
   if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
   if (document.getElementById('cmd-palette').classList.contains('open')) return;
 
-  if (e.key === 'Escape') { closeDetail(); closeCmdPalette(); }
+  if (e.key === 'Escape') { closeDetail(); closeCmdPalette(); if (document.getElementById('app').classList.contains('ambient')) toggleAmbient(); }
+  if (e.key === 'a' || e.key === 'A') { if (currentView === 'now') { e.preventDefault(); toggleAmbient(); } }
 
   if (currentView === 'now') {
     if (e.key === '/') { e.preventDefault(); toggleFeedSearch(); }

package/dist/src/ui/server.mjs

@@ -429,6 +429,40 @@ export async function startServer({ port = 4242, projectDir, openBrowser = true
       return;
     }
 
+    // ------------------------------------------------------- GET /api/projects
+    if (req.method === 'GET' && url === '/api/projects') {
+      try {
+        const projectsBase = path.join(os.homedir(), '.claude', 'projects');
+        let slugDirs = [];
+        try { slugDirs = fs.readdirSync(projectsBase, { withFileTypes: true }).filter(e => e.isDirectory()).map(e => e.name); } catch {}
+        const projects = slugDirs.map(slug => {
+          const projDir = path.join(projectsBase, slug);
+          // convert slug back to path: replace leading - and then each - that was /
+          const projPath = slug.replace(/-/g, '/');
+          const name = slug.split('-').filter(Boolean).pop() || slug;
+          let sessionCount = 0; let lastActivity = 0; let memoryCount = 0;
+          try {
+            const files = fs.readdirSync(projDir).filter(f => f.endsWith('.jsonl'));
+            sessionCount = files.length;
+            for (const f of files) {
+              try { const st = fs.statSync(path.join(projDir, f)); if (st.mtimeMs > lastActivity) lastActivity = st.mtimeMs; } catch {}
+            }
+          } catch {}
+          try {
+            const memDir = path.join(projDir, 'memory');
+            memoryCount = fs.readdirSync(memDir).filter(f => f.endsWith('.md') && f !== 'MEMORY.md').length;
+          } catch {}
+          return { slug, path: projPath, name, sessionCount, memoryCount, lastActivity: lastActivity || null };
+        }).filter(p => p.sessionCount > 0).sort((a, b) => (b.lastActivity || 0) - (a.lastActivity || 0));
+        res.writeHead(200, { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*', 'Cache-Control': 'no-cache' });
+        res.end(JSON.stringify({ projects }));
+      } catch (err) {
+        res.writeHead(500, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: err.message }));
+      }
+      return;
+    }
+
     // ------------------------------------------------------- GET /api/palace
     if (req.method === 'GET' && url === '/api/palace') {
       try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monoes/monomindcli",
-  "version": "1.10.32",
+  "version": "1.10.33",
   "type": "module",
   "description": "Monomind CLI - Enterprise AI agent orchestration with 60+ specialized agents, swarm coordination, MCP server, self-learning hooks, and vector memory for Claude Code",
   "main": "dist/src/index.js",