pi-mega-compact 0.8.21 → 0.8.23

package/dist/extensions/dashboard-server/dashboard-client-repos.js

@@ -0,0 +1,212 @@
+/**
+ * dashboard-client-repos.ts — verbatim JS chunk: multi-repo index rendering.
+ *
+ * Extracted from html.ts (PR0 split) — ZERO behavior change. Second of three
+ * chunks concatenated into the dashboard IIFE (core → repos → game). Shares
+ * the closure with core + game: uses sanitize() from core, fmtSec/renderGameScores
+ * from core/game.
+ */
+/** Multi-repo index rendering, repo detail modal, active-repos table. */
+export function dashboardClientReposJs() {
+    return `// --- Multi-repo (index.sqlite via /api/index) ---------------------------
+function fmtBytesTop(b) {
+  b = b || 0;
+  if (b >= 1048576) return (b / 1048576).toFixed(1) + ' MiB';
+  if (b >= 1024) return (b / 1024).toFixed(1) + ' KiB';
+  return b + ' B';
+}
+function renderIndex(d) {
+  d = d || { updatedAt: null, summary: null, repos: [] };
+  var repos = d.repos || [];
+  var s = d.summary || { totalRepos: 0, totalCheckpoints: 0, totalTokensSaved: 0, totalCompressedOriginalBytes: 0 };
+  document.getElementById('sm-repos').textContent = (s.totalRepos || 0).toLocaleString();
+  document.getElementById('sm-checkpoints').textContent = (s.totalCheckpoints || 0).toLocaleString();
+  document.getElementById('sm-saved').textContent = (s.totalTokensSaved || 0).toLocaleString();
+  document.getElementById('sm-bytes').textContent = fmtBytesTop(s.totalCompressedOriginalBytes);
+
+  // Shared clickable-row renderer for both the in-current table and the
+  // All-repos tab — each row opens the per-repo detail modal.
+  function rowsHtml() {
+    if (!repos.length) return '<tr><td colspan="6" class="repo-none">No repositories registered yet.</td></tr>';
+    return repos.map(function(r) {
+      var model = r.modelName
+        ? '<span class="repo-model">' + sanitize(r.modelName) + '</span>'
+        : '<span class="repo-none">—</span>';
+      var when = r.lastCompactedAt ? new Date(r.lastCompactedAt).toLocaleString() : '—';
+      return '<tr class="repo-link" data-repo="' + sanitize(r.repoRoot) + '">' +
+        '<td title="' + sanitize(r.repoRoot) + '">' + sanitize(r.displayName || r.repoRoot) + '</td>' +
+        '<td>' + model + '</td>' +
+        '<td class="num">' + (r.checkpointCount || 0).toLocaleString() + '</td>' +
+        '<td class="num">' + (r.tokensSaved || 0).toLocaleString() + '</td>' +
+        '<td class="num">' + fmtBytesTop(r.compressedOriginalBytes) + '</td>' +
+        '<td class="num">' + sanitize(when) + '</td>' +
+      '</tr>';
+    }).join('');
+  }
+  document.getElementById('cur-rows').innerHTML = rowsHtml();
+  document.getElementById('all-rows').innerHTML = rowsHtml();
+  bindRepoRows();
+
+  var stamp = d.updatedAt ? 'Updated ' + new Date(d.updatedAt).toLocaleTimeString() : '';
+  document.getElementById('cur-updated').textContent = stamp;
+  document.getElementById('all-updated').textContent = stamp;
+  document.getElementById('sm-updated').textContent = stamp;
+  renderByModel(repos);
+}
+
+// Savings-by-model aggregation for the Summary tab — groups the machine-
+// wide repo registry by (modelName || '(unknown)') so the user can see how
+// much context + cost mega-compact has reclaimed, broken down by which model
+// they were running. $ Saved = Σ(tokensSaved × inputRate) per model. Sorted
+// by tokens saved descending so the biggest-reclaim model wins the top row.
+function renderByModel(repos) {
+  var rows = document.getElementById('bm-rows');
+  if (!rows) return;
+  if (!repos || !repos.length) {
+    rows.innerHTML = '<tr><td colspan="14" class="repo-none">No repositories registered yet.</td></tr>';
+    return;
+  }
+  var groups = {};
+  for (var i = 0; i < repos.length; i++) {
+    var r = repos[i];
+    var key = (r.modelName && String(r.modelName).trim()) || '(unknown)';
+    if (!groups[key]) groups[key] = {
+      model: key, provider: r.providerName || r.provider || '—', repos: 0, checkpoints: 0,
+      tokensSaved: 0, tokensIn: 0, tokensOut: 0, sessions: 0, usd: 0, lastAt: 0,
+      inRates: [], outRates: [], ctxWindows: [], maxTokens: [], reasoning: null,
+    };
+    var g = groups[key];
+    g.repos++;
+    g.checkpoints += (r.checkpointCount || 0);
+    g.tokensSaved += (r.tokensSaved || 0);
+    g.tokensIn += (r.tokensDropped || 0);
+    g.tokensOut += (r.tokensKept || 0);
+    g.sessions += (r.sessions || 0);
+    if (r.inputRate) { g.usd += (r.tokensSaved || 0) * r.inputRate; g.inRates.push(r.inputRate); }
+    if (r.outputRate) g.outRates.push(r.outputRate);
+    if (r.contextWindow) g.ctxWindows.push(r.contextWindow);
+    if (r.maxTokens) g.maxTokens.push(r.maxTokens);
+    if (r.reasoning != null) g.reasoning = r.reasoning;
+    if (r.lastCompactedAt && r.lastCompactedAt > g.lastAt) g.lastAt = r.lastCompactedAt;
+  }
+  var arr = [];
+  for (var k in groups) { if (Object.prototype.hasOwnProperty.call(groups, k)) arr.push(groups[k]); }
+  arr.sort(function(a, b) { return b.tokensSaved - a.tokensSaved; });
+  // Helper: a set of numeric samples collapses to a single value when all
+  // repos in the group agree, otherwise shows the range (min–max) so the
+  // user can see mixed-config model groups at a glance.
+  function collapseNum(samples) {
+    if (!samples || !samples.length) return '—';
+    var lo = Math.min.apply(null, samples), hi = Math.max.apply(null, samples);
+    return lo === hi ? lo.toLocaleString() : lo.toLocaleString() + '–' + hi.toLocaleString();
+  }
+  function collapseRate(samples) {
+    if (!samples || !samples.length) return '—';
+    var lo = Math.min.apply(null, samples), hi = Math.max.apply(null, samples);
+    var fmt = function(v) { return '$' + v.toFixed(6); };
+    return lo === hi ? fmt(lo) : fmt(lo) + '–' + fmt(hi);
+  }
+  rows.innerHTML = arr.map(function(g) {
+    var freed = (g.tokensIn || 0) - (g.tokensOut || 0);
+    var usd = g.usd > 0 ? '$' + g.usd.toFixed(4) : '—';
+    var when = g.lastAt ? new Date(g.lastAt).toLocaleString() : '—';
+    var reas = g.reasoning == null ? '—' : (g.reasoning ? 'yes' : 'no');
+    return '<tr>' +
+      '<td><span class="repo-model">' + sanitize(g.model) + '</span></td>' +
+      '<td>' + sanitize(g.provider) + '</td>' +
+      '<td class="num">' + (g.tokensIn || 0).toLocaleString() + '</td>' +
+      '<td class="num">' + (g.tokensOut || 0).toLocaleString() + '</td>' +
+      '<td class="num">' + freed.toLocaleString() + '</td>' +
+      '<td class="num">' + collapseNum(g.ctxWindows) + '</td>' +
+      '<td class="num">' + collapseNum(g.maxTokens) + '</td>' +
+      '<td class="num">' + reas + '</td>' +
+      '<td class="num">' + g.sessions.toLocaleString() + '</td>' +
+      '<td class="num">' + g.checkpoints.toLocaleString() + '</td>' +
+      '<td class="num">' + collapseRate(g.inRates) + '</td>' +
+      '<td class="num">' + collapseRate(g.outRates) + '</td>' +
+      '<td class="num">' + sanitize(usd) + '</td>' +
+      '<td class="num">' + sanitize(when) + '</td>' +
+    '</tr>';
+  }).join('');
+}
+
+// Per-repo detail modal ---------------------------------------------------
+var detailEl = document.getElementById('repo-detail');
+var indexCache = { repos: [] };
+function openRepoDetail(root) {
+  var r = null;
+  for (var i = 0; i < indexCache.repos.length; i++) {
+    if (indexCache.repos[i].repoRoot === root) { r = indexCache.repos[i]; break; }
+  }
+  if (!r) return;
+  document.getElementById('rd-name').textContent = r.displayName || r.repoRoot;
+  document.getElementById('rd-path').textContent = r.repoRoot;
+  document.getElementById('rd-model').textContent = r.modelName || '—';
+  document.getElementById('rd-provider').textContent = r.providerName || (r.provider || '—');
+  document.getElementById('rd-cp').textContent = (r.checkpointCount || 0).toLocaleString();
+  document.getElementById('rd-saved').textContent = (r.tokensSaved || 0).toLocaleString();
+  document.getElementById('rd-bytes').textContent = fmtBytesTop(r.compressedOriginalBytes);
+  document.getElementById('rd-when').textContent = r.lastCompactedAt ? new Date(r.lastCompactedAt).toLocaleString() : '—';
+  detailEl.classList.add('open');
+}
+document.getElementById('rd-close').addEventListener('click', function() { detailEl.classList.remove('open'); });
+detailEl.addEventListener('click', function(e) { if (e.target === detailEl) detailEl.classList.remove('open'); });
+function bindRepoRows() {
+  var rows = document.querySelectorAll('.repo-link');
+  for (var i = 0; i < rows.length; i++) {
+    rows[i].addEventListener('click', function() { openRepoDetail(this.getAttribute('data-repo')); });
+  }
+}
+function pollIndex() {
+  fetch('/api/index').then(function(r) { return r.json(); }).then(function(d) { // guardrails-allow PREVENT-PI-004: browser-side fetch in dashboard HTML template (not Node runtime)
+    indexCache = d && d.repos ? d : indexCache;
+    renderIndex(d);
+  }).catch(function() {});
+}
+pollIndex();
+setInterval(pollIndex, 5000);
+
+// --- Active repos (live cache-hit / compaction stats) ---------------------
+function fmtSec(s) {
+  s = s || 0;
+  if (s >= 3600) return (s / 3600).toFixed(1) + 'h';
+  if (s >= 60) return Math.round(s / 60) + 'm';
+  if (s >= 1) return s.toFixed(1) + 's';
+  return Math.round(s * 1000) + 'ms';
+}
+function renderActiveRepos(d) {
+  d = d || { updatedAt: null, servers: [] };
+  var servers = d.servers || [];
+  var rowsEl = document.getElementById('active-rows');
+  if (!rowsEl) return;
+  if (!servers.length) {
+    rowsEl.innerHTML = '<tr><td colspan="9" class="repo-none">No active repositories.</td></tr>';
+  } else {
+    rowsEl.innerHTML = servers.map(function(r) {
+      var ch = r.cacheHits || { session: 0, total: 0, sessionTokensSaved: 0, totalTokensSaved: 0 };
+      var cp = r.compacts || { session: 0, total: 0 };
+      var ts = r.timeSaved || { compact: { sessionSec: 0, totalSec: 0 }, cacheHit: { sessionSec: 0, totalSec: 0 } };
+      return '<tr>' +
+        '<td title="' + sanitize(r.repoRoot) + '">' + sanitize(r.displayName || r.repoRoot) + '</td>' +
+        '<td>' + sanitize(r.model || '—') + '</td>' +
+        '<td>' + sanitize(r.tier || '—') + '</td>' +
+        '<td class="num">' + (r.contextPct != null ? Math.round(r.contextPct * 100) + '%' : '—') + '</td>' +
+        '<td>' + sanitize(r.state || '—') + '</td>' +
+        '<td class="num">' + (cp.session || 0) + ' / ' + (cp.total || 0) + '</td>' +
+        '<td class="num">' + (ch.session || 0) + ' / ' + (ch.total || 0) + '</td>' +
+        '<td class="num">' + fmtSec(ts.compact.sessionSec) + ' / ' + fmtSec(ts.compact.totalSec) + '</td>' +
+        '<td class="num">' + fmtSec(ts.cacheHit.sessionSec) + ' / ' + fmtSec(ts.cacheHit.totalSec) + '</td>' +
+      '</tr>';
+    }).join('');
+  }
+  var upd = document.getElementById('active-updated');
+  if (upd) upd.textContent = d.updatedAt ? 'Updated ' + new Date(d.updatedAt).toLocaleTimeString() : '';
+}
+function pollServers() {
+  fetch('/api/servers').then(function(r) { return r.json(); }).then(renderActiveRepos).catch(function() {}); // guardrails-allow PREVENT-PI-004: browser-side fetch in dashboard HTML template (not Node runtime)
+}
+pollServers();
+setInterval(pollServers, 5000);
+
+`;
+}

package/dist/extensions/dashboard-server/dashboard-client.js

@@ -0,0 +1,19 @@
+/**
+ * dashboard-client.ts — thin concatenator for the dashboard's embedded client JS.
+ *
+ * The actual JS lives in three sibling files — dashboard-client-core.ts
+ * (snapshot + SSE), dashboard-client-repos.ts (multi-repo index), and
+ * dashboard-client-game.ts (game-mode + achievements + perf + tabs). Each
+ * exports its JS as a verbatim string; this file wraps them in the shared IIFE.
+ *
+ * Split from html.ts (PR0) — ZERO behavior change. The JS is one closure, so
+ * the chunks must concatenate in order: core → repos → game.
+ */
+import { dashboardClientCoreJs } from "./dashboard-client-core.js";
+import { dashboardClientReposJs } from "./dashboard-client-repos.js";
+import { dashboardClientGameJs } from "./dashboard-client-game.js";
+/** The full embedded client JS — an IIFE wrapping the three chunks in order. */
+export function dashboardClientJs() {
+    return `(function() {
+${dashboardClientCoreJs()}${dashboardClientReposJs()}${dashboardClientGameJs()}`;
+}