@monoes/monomindcli 1.10.38 → 1.10.39

package/.claude/helpers/context-persistence-hook.mjs

@@ -942,7 +942,7 @@ function chunkTranscript(messages) {
     if (msg.role === 'user') {
       const isSynthetic = Array.isArray(msg.content) &&
         msg.content.every(b => b.type === 'tool_result');
-      if (isSynthetic && currentChunk) continue;
+      if (isSynthetic) continue;
       if (currentChunk) chunks.push(currentChunk);
       currentChunk = {
         userMessage: msg,

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

@@ -389,6 +389,69 @@ html, body { height: 100%; background: var(--bg); color: var(--text-hi); font-fa
 /* ── forecast row ────────────────────────────────────────── */
 .m-val.forecast { color:var(--text-lo); font-size:11px; font-weight:500; }
 
+/* ── session date groups ─────────────────────────────────── */
+.sg-section { margin-bottom:4px; }
+.sg-header { display:flex; align-items:center; gap:6px; padding:5px 2px 3px; cursor:pointer; user-select:none; }
+.sg-title { font-size:10px; letter-spacing:0.07em; text-transform:uppercase; color:var(--text-xs); font-weight:600; }
+.sg-count { font-size:10px; color:var(--text-lo); background:var(--surface-hi); border-radius:8px; padding:1px 6px; }
+.sg-toggle { font-size:10px; color:var(--text-xs); margin-left:auto; }
+.sg-header:hover .sg-title { color:var(--text-lo); }
+.sg-body.collapsed { display:none; }
+
+/* ── session heatmap calendar ─────────────────────────────── */
+#sess-heatmap { margin-bottom:14px; }
+.shm-grid { display:grid; grid-template-rows:repeat(7,10px); grid-auto-flow:column; grid-auto-columns:10px; gap:2px; margin-top:6px; }
+.shm-cell { border-radius:2px; background:var(--surface-hi); cursor:pointer; transition:outline 0.1s; }
+.shm-cell:hover { outline:1px solid var(--accent); outline-offset:-1px; }
+.shm-cell.shm-1 { background:oklch(72% 0.18 75 / 0.22); }
+.shm-cell.shm-2 { background:oklch(72% 0.18 75 / 0.42); }
+.shm-cell.shm-3 { background:oklch(72% 0.18 75 / 0.65); }
+.shm-cell.shm-4 { background:oklch(72% 0.18 75 / 0.85); }
+.shm-cell.shm-active { outline:2px solid var(--accent); outline-offset:-1px; }
+.shm-label { font-size:10px; color:var(--text-xs); display:flex; align-items:center; justify-content:space-between; }
+#shm-clear { font-size:10px; color:var(--accent); background:none; border:none; cursor:pointer; padding:0; display:none; }
+#shm-clear.show { display:inline; }
+
+/* ── cost period toggle ───────────────────────────────────── */
+.period-toggles { display:flex; gap:4px; margin-bottom:10px; flex-wrap:wrap; }
+.period-btn { font-size:11px; padding:3px 10px; border-radius:8px; border:1px solid var(--border); background:transparent; color:var(--text-lo); cursor:pointer; font-family:var(--sans); transition:color 0.1s, background 0.1s; }
+.period-btn:hover { color:var(--text-hi); }
+.period-btn.active { background:var(--accent-dim); color:var(--accent); border-color:oklch(72% 0.18 75 / 0.3); }
+
+/* ── bulk session actions ─────────────────────────────────── */
+.sess-row.bulk-sel { background:oklch(72% 0.18 75 / 0.08); outline:1px solid oklch(72% 0.18 75 / 0.3); outline-offset:-1px; }
+#bulk-toolbar { display:none; position:sticky; top:0; z-index:10; background:oklch(18% 0.009 55); border:1px solid oklch(72% 0.18 75 / 0.3); border-radius:var(--r); padding:8px 14px; margin-bottom:10px; gap:10px; align-items:center; }
+#bulk-toolbar.show { display:flex; }
+.bulk-count { font-size:12px; color:var(--text-mid); flex:1; }
+.bulk-btn { font-size:11px; padding:4px 12px; border-radius:6px; border:1px solid var(--border); background:var(--surface); color:var(--text-mid); cursor:pointer; font-family:var(--sans); transition:color 0.1s; }
+.bulk-btn:hover { color:var(--text-hi); }
+.bulk-btn.danger { color:oklch(65% 0.15 25); border-color:oklch(65% 0.15 25 / 0.3); }
+
+/* ── files touched ────────────────────────────────────────── */
+.sr-files { font-size:10px; color:var(--text-xs); margin-top:2px; display:flex; flex-wrap:wrap; gap:3px; }
+.sr-file-chip { font-family:var(--mono); background:var(--surface-hi); border-radius:3px; padding:1px 5px; color:var(--text-lo); }
+
+/* ── memory age bars ──────────────────────────────────────── */
+.dr-age-bar { height:2px; border-radius:1px; margin-top:4px; background:oklch(72% 0.18 75 / 0.25); }
+.dr-age-bar-fill { height:100%; border-radius:1px; background:var(--accent); }
+
+/* ── loop creation form ───────────────────────────────────── */
+#loop-create-form { background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:14px 16px; margin-bottom:16px; }
+.lcf-title { font-size:12px; font-weight:600; color:var(--text-hi); margin-bottom:10px; }
+.lcf-row { display:flex; flex-direction:column; gap:3px; margin-bottom:10px; }
+.lcf-label { font-size:10px; color:var(--text-xs); text-transform:uppercase; letter-spacing:0.06em; }
+.lcf-input, .lcf-textarea { background:var(--bg); border:1px solid var(--border); border-radius:4px; color:var(--text-hi); font-family:var(--sans); font-size:12px; padding:6px 10px; transition:border-color 0.15s; }
+.lcf-textarea { resize:vertical; min-height:56px; }
+.lcf-input:focus, .lcf-textarea:focus { outline:none; border-color:oklch(72% 0.18 75 / 0.5); }
+.lcf-row-inline { display:flex; gap:8px; }
+.lcf-row-inline .lcf-row { flex:1; margin-bottom:0; }
+.lcf-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:4px; }
+.lcf-submit { background:var(--accent); color:oklch(11% 0.009 55); border:none; border-radius:6px; font-size:12px; font-weight:600; padding:5px 16px; cursor:pointer; font-family:var(--sans); }
+.lcf-submit:hover { background:oklch(78% 0.18 75); }
+.lcf-cancel { background:transparent; border:1px solid var(--border); border-radius:6px; font-size:12px; color:var(--text-lo); padding:5px 12px; cursor:pointer; font-family:var(--sans); }
+#btn-new-loop { font-size:11px; color:var(--text-lo); background:transparent; border:1px solid var(--border); border-radius:8px; padding:3px 10px; cursor:pointer; transition:color 0.1s; font-family:var(--sans); margin-bottom:12px; }
+#btn-new-loop:hover { color:var(--accent); border-color:oklch(72% 0.18 75 / 0.4); }
+
 /* ── auto-tags ───────────────────────────────────────────── */
 .sr-autotag { font-size:10px; padding:1px 6px; border-radius:8px; background:oklch(72% 0.18 75 / 0.1); color:oklch(78% 0.18 75); border:1px solid oklch(72% 0.18 75 / 0.2); }
 .tag-filter-bar { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px; }
@@ -908,6 +971,23 @@ textarea.sess-note-input:focus { border-color:var(--accent); }
         <div id="patterns-panel" style="display:none;margin-bottom:16px">
           <div id="patterns-body"></div>
         </div>
+        <div id="sess-heatmap" style="margin-bottom:14px;display:none">
+          <div class="shm-label"><span>12-week activity</span><button id="shm-clear" onclick="clearHeatmapFilter()">✕ Clear filter</button></div>
+          <div class="shm-grid" id="shm-grid"></div>
+        </div>
+        <div class="period-toggles" id="period-toggles">
+          <span style="font-size:10px;color:var(--text-xs);align-self:center;text-transform:uppercase;letter-spacing:0.06em">Period:</span>
+          <button class="period-btn active" data-period="day" onclick="setPeriod('day')">Day</button>
+          <button class="period-btn" data-period="week" onclick="setPeriod('week')">Week</button>
+          <button class="period-btn" data-period="month" onclick="setPeriod('month')">Month</button>
+          <button class="period-btn" data-period="all" onclick="setPeriod('all')">All</button>
+        </div>
+        <div id="bulk-toolbar">
+          <span class="bulk-count" id="bulk-count">0 selected</span>
+          <button class="bulk-btn" onclick="bulkExport()">⬇ Export</button>
+          <button class="bulk-btn" onclick="bulkBookmark()">☆ Bookmark all</button>
+          <button class="bulk-btn danger" onclick="clearBulkSelection()">✕ Clear</button>
+        </div>
         <div id="sess-filter-wrap">
           <input id="sess-filter-input" type="text" placeholder="Filter sessions by prompt…" oninput="filterSessions(this.value)" autocomplete="off">
           <span id="sess-filter-count"></span>
@@ -921,6 +1001,32 @@ textarea.sess-note-input:focus { border-color:var(--accent); }
       <div class="vscroll">
         <div class="pg-title">Loops</div>
         <div class="pg-sub">Scheduled automation loops</div>
+        <button id="btn-new-loop" onclick="showLoopForm()">+ New Loop</button>
+        <div id="loop-create-form" style="display:none">
+          <div class="lcf-title">Create Loop</div>
+          <div class="lcf-row">
+            <label class="lcf-label">Prompt</label>
+            <textarea class="lcf-textarea" id="lcf-prompt" placeholder="What should the agent do each iteration?"></textarea>
+          </div>
+          <div class="lcf-row">
+            <label class="lcf-label">Name (optional)</label>
+            <input class="lcf-input" id="lcf-name" type="text" placeholder="My loop">
+          </div>
+          <div class="lcf-row-inline">
+            <div class="lcf-row">
+              <label class="lcf-label">Interval</label>
+              <input class="lcf-input" id="lcf-interval" type="text" placeholder="1h" value="1h">
+            </div>
+            <div class="lcf-row">
+              <label class="lcf-label">Max reps (blank = ∞)</label>
+              <input class="lcf-input" id="lcf-maxreps" type="number" placeholder="∞" min="1">
+            </div>
+          </div>
+          <div class="lcf-actions">
+            <button class="lcf-cancel" onclick="hideLoopForm()">Cancel</button>
+            <button class="lcf-submit" onclick="createLoop()">Create Loop</button>
+          </div>
+        </div>
         <div id="loops-content" class="loop-list"><div class="loading-txt">Loading…</div></div>
       </div>
     </div>
@@ -964,6 +1070,24 @@ textarea.sess-note-input:focus { border-color:var(--accent); }
 </div><!-- /app -->
 <div id="toast-rack"></div>
 
+<!-- shortcut help modal -->
+<div id="shortcut-modal" onclick="if(event.target===this)closeShortcutHelp()">
+  <div id="shortcut-box">
+    <div class="sk-title">Keyboard Shortcuts <button class="sk-close" onclick="closeShortcutHelp()">✕</button></div>
+    <div class="sk-section">Feed (Now view)</div>
+    <div class="sk-row"><span class="sk-desc">Navigate entries</span><span class="sk-keys"><kbd>J</kbd><kbd>K</kbd></span></div>
+    <div class="sk-row"><span class="sk-desc">Open detail drawer</span><span class="sk-keys"><kbd>↵</kbd></span></div>
+    <div class="sk-row"><span class="sk-desc">Search in feed</span><span class="sk-keys"><kbd>/</kbd></span></div>
+    <div class="sk-row"><span class="sk-desc">Jump to live session</span><span class="sk-keys"><kbd>G</kbd></span></div>
+    <div class="sk-row"><span class="sk-desc">Refresh current view</span><span class="sk-keys"><kbd>R</kbd></span></div>
+    <div class="sk-row"><span class="sk-desc">Toggle ambient mode</span><span class="sk-keys"><kbd>A</kbd></span></div>
+    <div class="sk-section">Global</div>
+    <div class="sk-row"><span class="sk-desc">Command palette</span><span class="sk-keys"><kbd>⌘</kbd><kbd>K</kbd></span></div>
+    <div class="sk-row"><span class="sk-desc">Close / dismiss</span><span class="sk-keys"><kbd>Esc</kbd></span></div>
+    <div class="sk-row"><span class="sk-desc">This help</span><span class="sk-keys"><kbd>?</kbd></span></div>
+  </div>
+</div>
+
 <!-- budget modal (fixed overlay, outside app) -->
 <div id="budget-modal" onclick="if(event.target===this)closeBudgetModal()">
   <div id="budget-box">
@@ -1053,9 +1177,19 @@ async function init() {
     document.getElementById('sb-path').textContent = DIR;
     document.getElementById('sb-proj').textContent = DIR.split('/').filter(Boolean).pop() || '—';
   } catch (_) {}
+  // deep-link: ?sess=<id>&proj=<path>
+  const params = new URLSearchParams(window.location.search);
+  const projParam = params.get('proj');
+  const sessParam = params.get('sess');
+  if (projParam) {
+    DIR = projParam;
+    document.getElementById('sb-proj').textContent = DIR.split('/').filter(Boolean).pop() || '—';
+    document.getElementById('sb-path').textContent = DIR;
+  }
   viewRendered['now'] = true; // prevents switchView from re-rendering NOW on jumpToSession
   updateBudgetBtnStyle();
   await refreshNow();
+  if (sessParam) setTimeout(() => jumpToSession(sessParam), 300);
   startPolling();
 }
 
@@ -1275,6 +1409,8 @@ function renderFeedEvents(events, silent) {
   updateBurnRate(filtered);
   // session recap card
   buildRecap(filtered, allSessions[sessionIdx]);
+  // infer current activity from most recent tool
+  updateCurrentActivity(visible);
 }
 
 function renderGroupRow(g) {
@@ -1646,6 +1782,9 @@ async function renderSessions() {
       el.innerHTML = '<div class="empty"><div class="empty-ico">☆</div><div>No bookmarked sessions</div></div>';
       return;
     }
+    // compute median cost for anomaly detection
+    const costsForMedian = sessions.map(s => s.totalCost || 0).filter(c => c > 0).sort((a, b) => a - b);
+    const medianCost = costsForMedian.length ? costsForMedian[Math.floor(costsForMedian.length / 2)] : 0;
     const sessData = JSON.stringify(toShow).replace(/'/g, '&#39;');
     el.innerHTML = toShow.map((s, idx) => {
       const dur  = s.totalDurationMs ? fmtDur(s.totalDurationMs) : '';
@@ -1653,6 +1792,14 @@ async function renderSessions() {
       const cost = typeof s.totalCost === 'number' ? '$' + s.totalCost.toFixed(2)
                  : typeof s.cost === 'number' ? '$' + s.cost.toFixed(2) : '';
       const meta = [dur, msgs, cost].filter(Boolean).join(' · ') || s.id.slice(0, 16);
+      // anomaly badge
+      const sCost = s.totalCost || 0;
+      let anomBadge = '';
+      if (medianCost > 0.05 && sCost > medianCost * 3 && sCost > 0.5) {
+        anomBadge = `<span class="sess-anomaly anom-cost" title="Cost ${((sCost/medianCost).toFixed(1))}× above median">! costly</span>`;
+      } else if (s.toolCalls > 0 && (s.errorCount || 0) / s.toolCalls > 0.3) {
+        anomBadge = `<span class="sess-anomaly anom-err" title="${s.errorCount} tool errors">! errors</span>`;
+      }
       const satPct = Math.min(100, Math.round((s.totalMessages || 0) / 200 * 100));
       const satColor = satPct > 80 ? 'oklch(65% 0.2 25)' : satPct > 50 ? 'oklch(70% 0.18 80)' : 'var(--accent)';
       const satBar = satPct > 0 ? `<div class="ctx-sat-wrap" title="Context saturation ~${satPct}% (${s.totalMessages||0} turns / 200 est. max)">
@@ -1671,7 +1818,7 @@ async function renderSessions() {
           <button class="sess-star${isStarred ? ' on' : ''}" data-sid="${esc(s.id)}" onclick="toggleBookmark('${esc(s.id)}',event)" title="${isStarred ? 'Remove bookmark' : 'Bookmark session'}">${isStarred ? '★' : '☆'}</button>
           <span class="sr-view">→ view</span>
         </div>
-        <div class="sr-meta">${esc(meta)}</div>
+        <div class="sr-meta">${esc(meta)}${anomBadge}</div>
         ${(summaries || autoTags) ? `<div class="sr-tags">${summaries}${autoTags}</div>` : ''}
         ${satBar}
         <div class="sess-notes-wrap" onclick="event.stopPropagation()">
@@ -1716,6 +1863,7 @@ async function renderSessions() {
 
 function jumpToSession(id) {
   switchView('now');
+  history.replaceState(null, '', '?sess=' + encodeURIComponent(id) + '&proj=' + encodeURIComponent(DIR));
   setTimeout(() => {
     const i = allSessions.findIndex(x => x.id === id);
     if (i >= 0) { sessionIdx = i; userScrolled = false; loadFeedForSession(allSessions[i]); }
@@ -2099,8 +2247,21 @@ function buildDigest() {
     ...themes.map(t => `#${t}`),
   ].filter(Boolean);
 
+  // cost forecast: project monthly spend from daily average
+  const today2 = new Date();
+  const daysInMonth = new Date(today2.getFullYear(), today2.getMonth() + 1, 0).getDate();
+  const dayOfMonth = today2.getDate();
+  const monthCostSoFar = allSessions.filter(s => {
+    const t = s.firstTs || s.mtime;
+    if (!t) return false;
+    const d = new Date(typeof t === 'number' ? t : t);
+    return d.getFullYear() === today2.getFullYear() && d.getMonth() === today2.getMonth();
+  }).reduce((a, s) => a + (s.totalCost || 0), 0);
+  const dailyAvg = dayOfMonth > 0 ? monthCostSoFar / dayOfMonth : 0;
+  const projected = dailyAvg * daysInMonth;
+  const forecastHtml = projected > 0.05 ? `<span class="digest-stat" title="Projected monthly spend at current pace" style="color:oklch(72% 0.14 200)">~$${projected.toFixed(2)}/mo</span>` : '';
   document.getElementById('digest-stats').innerHTML =
-    stats.map(s => `<span class="digest-stat">${esc(s)}</span>`).join('');
+    stats.map(s => `<span class="digest-stat">${esc(s)}</span>`).join('') + forecastHtml;
   document.getElementById('digest-card').classList.add('show');
 }
 
@@ -2610,6 +2771,7 @@ function buildWeeklyRecap() {
     return new Date(typeof t === 'number' ? t : t).toDateString();
   })).size;
   const longestMs = Math.max(...weekSess.map(s => s.totalDurationMs||0));
+  const streak = calcStreak();
   const stats = [
     `${weekSess.length} session${weekSess.length!==1?'s':''}`,
     `${days} day${days!==1?'s':''}`,
@@ -2617,7 +2779,8 @@ function buildWeeklyRecap() {
     totalTools > 0 ? `${totalTools.toLocaleString()} tool calls` : null,
     longestMs > 0 ? `${fmtDur(longestMs)} longest` : null,
   ].filter(Boolean);
-  document.getElementById('weekly-stats').innerHTML = stats.map(s => `<span class="digest-stat">${esc(s)}</span>`).join('');
+  const streakHtml = streak >= 2 ? `<span class="streak-chip" title="${streak} consecutive days with sessions">🔥 ${streak}d streak</span>` : '';
+  document.getElementById('weekly-stats').innerHTML = stats.map(s => `<span class="digest-stat">${esc(s)}</span>`).join('') + streakHtml;
   document.getElementById('weekly-card').classList.add('show');
 }
 function dismissWeekly() {
@@ -3118,7 +3281,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 (document.getElementById('app').classList.contains('ambient')) toggleAmbient(); }
+  if (e.key === 'Escape') { closeDetail(); closeCmdPalette(); closeShortcutHelp(); if (document.getElementById('app').classList.contains('ambient')) toggleAmbient(); }
+  if (e.key === '?') { e.preventDefault(); openShortcutHelp(); return; }
   if (e.key === 'a' || e.key === 'A') { if (currentView === 'now') { e.preventDefault(); toggleAmbient(); } }
 
   if (currentView === 'now') {
@@ -3147,6 +3311,109 @@ document.addEventListener('keydown', e => {
   }
 });
 
+// ── feature 31: inline session filter ─────────────────────
+function filterSessions(q) {
+  const rows = document.querySelectorAll('#sess-content .sess-row');
+  const lq = q.toLowerCase().trim();
+  let visible = 0;
+  rows.forEach(row => {
+    const prompt = (row.querySelector('.sr-prompt')?.textContent || '').toLowerCase();
+    const meta = (row.querySelector('.sr-meta')?.textContent || '').toLowerCase();
+    const tags = (row.querySelector('.sr-tags')?.textContent || '').toLowerCase();
+    const match = !lq || prompt.includes(lq) || meta.includes(lq) || tags.includes(lq);
+    row.style.display = match ? '' : 'none';
+    if (match) visible++;
+  });
+  const countEl = document.getElementById('sess-filter-count');
+  if (countEl) countEl.textContent = lq && rows.length ? `${visible} / ${rows.length}` : '';
+}
+
+// ── feature 32: keyboard shortcut help modal ──────────────
+function openShortcutHelp() { document.getElementById('shortcut-modal').classList.add('open'); }
+function closeShortcutHelp() { document.getElementById('shortcut-modal').classList.remove('open'); }
+
+// ── feature 33: "currently working on" inference ──────────
+function updateCurrentActivity(events) {
+  const el = document.getElementById('topbar-activity');
+  if (!el) return;
+  if (!events?.length) { el.textContent = ''; el.classList.remove('loaded'); return; }
+  const recent = [...events].reverse().find(ev => ev.kind === 'tool');
+  if (!recent) { el.textContent = ''; el.classList.remove('loaded'); return; }
+  const name = recent.name || '';
+  let activity = '';
+  if (['Write', 'Edit', 'Read', 'MultiEdit'].includes(name)) {
+    const lbl = recent.label || '';
+    const match = lbl.match(/([^/\\]+\.[a-zA-Z0-9]+)/) ;
+    activity = match ? match[1] : (lbl.split('/').pop() || name);
+  } else if (name === 'Bash') {
+    activity = 'bash: ' + (recent.label || '').slice(0, 24);
+  } else if (name === 'WebSearch' || name === 'WebFetch') {
+    activity = 'web: ' + (recent.label || '').slice(0, 20);
+  } else if (name) {
+    activity = name;
+  }
+  if (activity) { el.textContent = '⤷ ' + activity; el.classList.add('loaded'); }
+  else { el.textContent = ''; el.classList.remove('loaded'); }
+}
+
+// ── feature 34: prompt pattern analysis ───────────────────
+const STOP_WORDS = new Set(['the','a','an','and','or','but','in','on','at','to','for','of','with','by','from','is','it','this','that','be','as','i','my','me','we','you','your','can','do','did','have','had','has','was','were','are','will','would','should','could','not','no','if','so','then','what','how','when','where','which','who','all','get','make','add','new','old','use','its','into','out','up','any','just','let','set','also','more','using','used','fix','run','file','please']);
+let patternsOpen = false;
+function togglePatterns() {
+  patternsOpen = !patternsOpen;
+  document.getElementById('btn-patterns').classList.toggle('on', patternsOpen);
+  const p = document.getElementById('patterns-panel');
+  p.style.display = patternsOpen ? '' : 'none';
+  if (patternsOpen) buildPatterns();
+}
+function buildPatterns() {
+  const el = document.getElementById('patterns-body');
+  if (!allSessions.length) { el.innerHTML = '<div class="loading-txt">No sessions loaded</div>'; return; }
+  const freq = {};
+  for (const s of allSessions) {
+    const words = (s.lastPrompt || '').toLowerCase().match(/\b[a-z]{4,}\b/g) || [];
+    const seen = new Set();
+    for (const w of words) {
+      if (!STOP_WORDS.has(w) && !seen.has(w)) { freq[w] = (freq[w] || 0) + 1; seen.add(w); }
+    }
+  }
+  const sorted = Object.entries(freq).filter(([,c]) => c >= 2).sort((a, b) => b[1] - a[1]).slice(0, 20);
+  if (!sorted.length) { el.innerHTML = '<div class="loading-txt">Not enough prompt data</div>'; return; }
+  const maxCount = sorted[0][1];
+  const rows = sorted.map(([word, count], i) => {
+    const barW = Math.round((count / maxCount) * 100);
+    return `<tr><td class="lb-rank">${i + 1}</td>
+      <td style="font-size:12px;color:var(--text-mid)">${esc(word)}</td>
+      <td style="width:100px;padding:4px 6px"><div style="height:4px;background:var(--surface-hi);border-radius:2px;overflow:hidden">
+        <div style="height:100%;width:${barW}%;background:oklch(70% 0.15 300);border-radius:2px"></div></div></td>
+      <td class="lb-cost" style="color:var(--text-mid)">${count}</td></tr>`;
+  }).join('');
+  el.innerHTML = `<table class="lb-table"><thead><tr>
+    <th class="lb-rank">#</th><th>Term</th><th></th><th class="lb-cost">Sessions</th>
+  </tr></thead><tbody>${rows}</tbody></table>`;
+}
+
+// ── feature 35: session streak tracker ────────────────────
+function calcStreak() {
+  const dates = new Set(allSessions.map(s => {
+    const t = s.firstTs || s.mtime;
+    if (!t) return null;
+    return new Date(typeof t === 'number' ? t : t).toDateString();
+  }).filter(Boolean));
+  let streak = 0;
+  const today = new Date();
+  for (let i = 0; i <= 365; i++) {
+    const d = new Date(today);
+    d.setDate(d.getDate() - i);
+    if (dates.has(d.toDateString())) {
+      streak++;
+    } else if (i > 0) {
+      break;
+    }
+  }
+  return streak;
+}
+
 // ── feature 25: notification toasts ──────────────────────
 let _toastLastBudgetKey = '';
 function showToast(title, msg, type = 'info', duration = 5000) {

package/dist/src/ui/server.mjs

@@ -372,6 +372,7 @@ export async function startServer({ port = 4242, projectDir, openBrowser = true
           const id = f.replace('.jsonl', '');
           let lastPrompt = '', summaries = [], totalDurationMs = 0, totalMessages = 0, firstTs = null, lastTs = null, totalCost = 0, toolCalls = 0, userMessages = 0, cacheReadTokens = 0, totalInputTokens = 0;
           const modelBreakdown = {};
+          const filesTouchedSet = new Set();
           try {
             const lines = fs.readFileSync(fp, 'utf8').split('\n').filter(Boolean);
             let pendingCompact = false;
@@ -394,7 +395,12 @@ export async function startServer({ port = 4242, projectDir, openBrowser = true
               if (e.type === 'assistant') {
                 const msg = e.message || {};
                 for (const block of (msg.content || [])) {
-                  if (block && block.type === 'tool_use') toolCalls++;
+                  if (block && block.type === 'tool_use') {
+                    toolCalls++;
+                    if (['Write','Edit','Read','MultiEdit'].includes(block.name) && block.input?.file_path) {
+                      filesTouchedSet.add(path.basename(block.input.file_path));
+                    }
+                  }
                 }
                 if (msg.usage && msg.model) {
                   const c = _sjCalcCost(msg.model, msg.usage);
@@ -415,7 +421,8 @@ export async function startServer({ port = 4242, projectDir, openBrowser = true
               }
             }
           } catch {}
-          sessions.push({ id, mtime, firstTs, lastTs, lastPrompt, summaries, totalDurationMs, totalMessages, totalCost, toolCalls, userMessages, cacheReadTokens, totalInputTokens, modelBreakdown, file: fp });
+          const filesTouched = [...filesTouchedSet].slice(0, 20);
+          sessions.push({ id, mtime, firstTs, lastTs, lastPrompt, summaries, totalDurationMs, totalMessages, totalCost, toolCalls, userMessages, cacheReadTokens, totalInputTokens, modelBreakdown, filesTouched, file: fp });
         }
         res.writeHead(200, { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*', 'Cache-Control': 'no-cache' });
         res.end(JSON.stringify({ sessions }));
@@ -978,6 +985,51 @@ export async function startServer({ port = 4242, projectDir, openBrowser = true
       return;
     }
 
+    // ---------------------------------------------------------- POST /api/loops/create
+    if (req.method === 'POST' && url === '/api/loops/create') {
+      let body = '';
+      req.on('data', chunk => { body += chunk; });
+      req.on('end', () => {
+        try {
+          const { name, prompt, interval, maxReps } = JSON.parse(body);
+          if (!prompt) { res.writeHead(400); res.end(JSON.stringify({ error: 'prompt required' })); return; }
+          const loopsDir = path.join(projectDir || process.cwd(), '.monomind', 'loops');
+          fs.mkdirSync(loopsDir, { recursive: true });
+          const id = `loop-${Date.now()}-${Math.random().toString(36).slice(2,7)}`;
+          const loop = { id, name: name || prompt.slice(0, 40), prompt, interval: interval || '1h', maxReps: maxReps || null, status: 'active', currentRep: 0, startedAt: new Date().toISOString(), lastRunAt: null };
+          fs.writeFileSync(path.join(loopsDir, `${id}.json`), JSON.stringify(loop, null, 2));
+          res.writeHead(200, { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' });
+          res.end(JSON.stringify({ ok: true, id }));
+        } catch (err) { res.writeHead(500); res.end(JSON.stringify({ error: err.message })); }
+      });
+      return;
+    }
+
+    // ---------------------------------------------------------- GET /api/events-stream (SSE)
+    if (req.method === 'GET' && url.startsWith('/api/events-stream')) {
+      const qs = new URL(req.url, 'http://localhost').searchParams;
+      const d = path.resolve(qs.get('dir') || projectDir || process.cwd());
+      const slug = d.replace(/\//g, '-');
+      const projectClaudeDir = path.join(os.homedir(), '.claude', 'projects', slug);
+      res.writeHead(200, {
+        'Content-Type': 'text/event-stream',
+        'Cache-Control': 'no-cache',
+        'Connection': 'keep-alive',
+        'Access-Control-Allow-Origin': '*',
+      });
+      const send = (ev, data) => { try { res.write(`event: ${ev}\ndata: ${JSON.stringify(data)}\n\n`); } catch {} };
+      send('connected', { ts: Date.now() });
+      let watcher = null;
+      try {
+        watcher = fs.watch(projectClaudeDir, { persistent: false }, (evtype) => {
+          if (evtype === 'change' || evtype === 'rename') send('update', { ts: Date.now() });
+        });
+      } catch {}
+      const pingInterval = setInterval(() => { try { res.write(': ping\n\n'); } catch {} }, 20000);
+      req.on('close', () => { clearInterval(pingInterval); try { watcher?.close(); } catch {} });
+      return;
+    }
+
     // ------------------------------------------------------- DELETE /api/knowledge-chunk
     if (req.method === 'DELETE' && url === '/api/knowledge-chunk') {
       let body = '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monoes/monomindcli",
-  "version": "1.10.38",
+  "version": "1.10.39",
   "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",