@echomem/mcp 1.4.8 → 1.4.10

package/dist/setup-page/client-report-city.js

@@ -0,0 +1,204 @@
+// Generated from the prior inline setup page. This content is emitted into one browser IIFE/style tag.
+export const SETUP_PAGE_CLIENT_REPORT_CITY = String.raw `      /* ---------- fullscreen city modal: 80% viewport, dirty/clean, legend, stats ---------- */
+      function cityComparisonTo(mode) {
+        var frame = document.getElementById("city-report-frame");
+        if (!frame || !frame.contentWindow) return;
+        try { frame.contentWindow.postMessage({ type: "echomem:city-comparison", mode: mode }, location.origin); } catch (_) {}
+      }
+      function fillCityFullData() {
+        var legend = document.getElementById("cfc-legend");
+        var stats = document.getElementById("cfc-stats");
+        var r = report || {};
+        var gs = gsClean(r.canonicalGoldenStandard);
+        var s = (gs && gs.summary) || {};
+        var projection = gsBillingProjection(r, gs);
+        var cov = r.activeSessionCoverage || {};
+        var sr = (gs && gs.sourceReports) || {};
+        var codexShare = Number(sr.codex && sr.codex.summary && sr.codex.summary.officialInputTokens || 0);
+        var claudeShare = Number(sr.claudeCode && sr.claudeCode.summary && sr.claudeCode.summary.officialInputTokens || 0);
+        var basis = "of input tokens";
+        if (!codexShare && !claudeShare) {
+          codexShare = Number(cov.codex || 0);
+          claudeShare = Number(cov.claudeCode || 0);
+          basis = "of sessions";
+        }
+        var totalShare = codexShare + claudeShare;
+        var codexPct = totalShare ? Math.round((codexShare / totalShare) * 100) : 0;
+        var claudePct = totalShare ? 100 - codexPct : 0;
+        if (legend) legend.innerHTML =
+          '<span class="cfc-side"><i class="cfc-swatch" style="background:#10a37f"></i><img src="/hud-assets/codex.svg" alt="" />Codex <b>' + codexPct + '%</b></span>' +
+          '<span class="cfc-side"><i class="cfc-swatch" style="background:#d97757"></i><img src="/hud-assets/claude.svg" alt="" />Claude Code <b>' + claudePct + '%</b></span>' +
+          '<span style="color:var(--echo-ink-faint)">' + basis + '</span>';
+        var wh = r.userWorkingHours || {};
+        var items = [
+          ["Sessions", number(Number(s.sessionsAnalyzed || 0) || (Number(cov.codex || 0) + Number(cov.claudeCode || 0)))],
+          ["Repos analyzed", number(Number(s.reposAnalyzed || 0) || Number(r.scale && r.scale.repoCount || 0))],
+          ["Turns analyzed", number(s.turnsAnalyzed)],
+          ["Provider input", big(projection.billedInputTokens)],
+          ["Projected noise", Math.round(gs ? gsDisplayWastePct(gs) : 0) + "% · " + big(projection.projectedWasteTokens)],
+          ["Attention hours", number(Math.round(Number(wh.userAttentionHours || 0))) + "h"]
+        ];
+        if (stats) stats.innerHTML = items.map(function (it) {
+          return '<div class="cfc-stat"><span>' + it[0] + '</span><strong>' + it[1] + '</strong></div>';
+        }).join("");
+      }
+      function bindCityFullscreen() {
+        var btn = document.getElementById("city-full-btn");
+        var chrome = document.getElementById("city-full-chrome");
+        var backdrop = document.getElementById("city-full-backdrop");
+        if (!btn || !chrome || !backdrop) return;
+        function setState(mode) {
+          cityComparisonTo(mode);
+          Array.prototype.forEach.call(chrome.querySelectorAll("[data-city-state]"), function (b) {
+            b.classList.toggle("on", b.getAttribute("data-city-state") === mode);
+          });
+        }
+        function open() {
+          fillCityFullData();
+          document.body.classList.add("cityFull");
+          chrome.hidden = false;
+          backdrop.hidden = false;
+        }
+        function close() {
+          document.body.classList.remove("cityFull");
+          chrome.hidden = true;
+          backdrop.hidden = true;
+          setState("without");
+        }
+        btn.onclick = open;
+        backdrop.onclick = close;
+        chrome.querySelector(".cfc-close").onclick = close;
+        Array.prototype.forEach.call(chrome.querySelectorAll("[data-city-state]"), function (b) {
+          b.onclick = function () { setState(b.getAttribute("data-city-state")); };
+        });
+        Array.prototype.forEach.call(chrome.querySelectorAll("[data-city-metric]"), function (b) {
+          b.onclick = function () {
+            var frame = document.getElementById("city-report-frame");
+            if (frame && frame.contentWindow) {
+              try { frame.contentWindow.postMessage({ type: "echomem:city-metric", metric: b.getAttribute("data-city-metric") }, location.origin); } catch (_) {}
+            }
+            Array.prototype.forEach.call(chrome.querySelectorAll("[data-city-metric]"), function (x) {
+              x.classList.toggle("on", x === b);
+            });
+          };
+        });
+        document.addEventListener("keydown", function (e) {
+          if (e.key === "Escape" && document.body.classList.contains("cityFull")) close();
+        });
+        if (params.get("cityfull") === "1") open();
+      }
+      function sendReportToCity() {
+        if (!reportEnvelope) return;
+        var frame = document.getElementById("city-report-frame");
+        if (!frame || !frame.contentWindow) return;
+        try {
+          frame.contentWindow.postMessage({ type: "echomem:setup-report", nonce: nonce, envelope: reportEnvelope }, location.origin);
+        } catch (_) {}
+      }
+      function scheduleReportToCity() {
+        sendReportToCity();
+      }
+
+      /* ---------- report shell (parent owns report state; city renders it) ---------- */
+      // The report page (full-width city hero + detail sections below) is mounted ONCE. The city iframe
+      // shows its OWN in-canvas loading state while it scans, then fades into the rendered report — one
+      // surface, no separate loading page, no reload. The parent only fills the detail sections on /report.
+      function mountReportShell() {
+        setCityMode(true);
+        app.className = "";
+        app.innerHTML =
+          '<header class="reportTop">' +
+            '<span class="yeahLogo"><i>Yeah!</i><b>Echo</b></span>' +
+            '<nav class="navCenter">' +
+              '<span class="navPill">' +
+                '<span class="navTitle"><img class="navTitleFace" src="/hud-assets/echo-face-cutout.png" alt="" />Agent Doctor</span>' +
+                '<span class="navDates" id="report-period"></span>' +
+              '</span>' +
+              '<span class="navLocal">' +
+                '<svg viewBox="0 0 12 12" fill="none" aria-hidden="true"><rect x="2" y="5" width="8" height="5.5" rx="1.2" stroke="currentColor" stroke-width="1.3"/><path d="M4 5V3.8a2 2 0 0 1 4 0V5" stroke="currentColor" stroke-width="1.3"/></svg>' +
+                'Local Only' +
+              '</span>' +
+            '</nav>' +
+            '<button class="navConnect" data-connect-echo><span class="navDot"></span>Start Now' +
+              '<svg viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M3.5 8.5 8.5 3.5M4.5 3.5h4v4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>' +
+            '</button>' +
+          '</header>' +
+          '<section class="cityHero"><div class="cityFigureRow">' +
+            '<figure class="cityFig">' +
+              '<div class="cityShell" id="city-shell">' +
+                '<iframe id="city-report-frame" title="AI Coding City" src="/city/echo-ai-city-only.html?setup=1&figure=1&nonce=' + encodeURIComponent(nonce) + (previewState ? '&preview=1' : '') + '"></iframe>' +
+              '</div>' +
+              '<button class="cityFullBtn" id="city-full-btn" type="button">' +
+                '<svg viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M7.5 1.5h3v3M4.5 10.5h-3v-3M10.5 1.5 7 5M1.5 10.5 5 7" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>' +
+                'Enter' +
+              '</button>' +
+            '</figure>' +
+            '<div class="cityNote" id="city-fieldnote"></div>' +
+          '</div></section>' +
+          '<div class="cityFullBackdrop" id="city-full-backdrop" hidden></div>' +
+          '<div class="cityFullChrome" id="city-full-chrome" hidden>' +
+            '<div class="cfc-bar">' +
+              '<div class="cfc-left">' +
+                '<div class="cfc-toggle" role="group" aria-label="City state">' +
+                  '<button type="button" data-city-state="without" class="on"><i class="cfc-dot"></i>Dirty &mdash; today</button>' +
+                  '<button type="button" data-city-state="with"><img class="cfc-face" src="/hud-assets/echo-face-cutout.png" alt="" />Clean &mdash; with Echo</button>' +
+                '</div>' +
+                '<div class="cfc-toggle" role="group" aria-label="City metric">' +
+                  '<button type="button" data-city-metric="time" class="on">Time</button>' +
+                  '<button type="button" data-city-metric="tokens">Tokens</button>' +
+                  '<button type="button" data-city-metric="cost">API $</button>' +
+                '</div>' +
+              '</div>' +
+              '<div class="cfc-legend" id="cfc-legend"></div>' +
+              '<button class="cfc-close" type="button" aria-label="Exit fullscreen">&times;</button>' +
+            '</div>' +
+            '<div class="cfc-stats" id="cfc-stats"></div>' +
+          '</div>' +
+          '<div id="setup-details" class="detailsWrap"></div>';
+        bindCityFieldnote();
+        bindConnect();
+        bindCityFullscreen();
+        var cityFrame = document.getElementById("city-report-frame");
+        if (cityFrame) cityFrame.addEventListener("load", sendReportToCity);
+        reportMounted = true;
+      }
+      function resetReportSurface() {
+        reportMounted = false;
+        document.body.classList.remove("cityFull");
+        setScanMode(false);
+        setCityMode(false);
+      }
+      function renderLoading() {
+        var progress = reportEnvelope && reportEnvelope.kind === "scanning" ? (reportEnvelope.progress || {}) : {};
+        var scanned = Math.max(0, Number(progress.scanned || 0));
+        var total = Math.max(0, Number(progress.total || 0));
+        var pct = total > 0 ? Math.min(100, Math.round((scanned / total) * 100)) : 0;
+        var elapsed = Number(progress.stageElapsedMs || 0);
+        var unit = progress.stage === "reading-transcripts" ? "transcript files" : "sessions";
+        var stage = progress.label || "Starting local scan";
+        var caption = total > 0
+          ? stage + " " + number(scanned) + " / " + number(total) + " " + unit + (elapsed > 0 ? " · " + Math.round(elapsed / 1000) + "s" : "")
+          : stage + "…";
+        var fill = document.getElementById("scan-load-fill");
+        if (app.className === "scanLoading" && fill) {
+          fill.style.width = pct + "%";
+          fill.parentElement.setAttribute("aria-valuenow", String(pct));
+          var existingCaption = document.getElementById("scan-load-caption");
+          if (existingCaption) existingCaption.textContent = caption;
+          return;
+        }
+        setScanMode(true);
+        setHead("Reading your local coding history", "Local scan");
+        app.className = "scanLoading";
+        app.innerHTML =
+          '<div class="scanLoader" aria-live="polite">' +
+            '<p class="scanEyebrow">Local scan</p>' +
+            '<h2>Reading your local coding history</h2>' +
+            '<div class="scanProgress" role="progressbar" aria-label="Local scan progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="' + pct + '">' +
+              '<i id="scan-load-fill" class="scanProgressFill" style="width:' + pct + '%"></i>' +
+            '</div>' +
+            '<p id="scan-load-caption" class="scanCaption">' + esc(caption) + '</p>' +
+          '</div>';
+      }
+
+`;

package/dist/setup-page/client-report.js

@@ -0,0 +1,6 @@
+import { SETUP_PAGE_CLIENT_REPORT_CITY } from "./client-report-city.js";
+import { SETUP_PAGE_CLIENT_REPORT_AUDIT } from "./client-report-audit.js";
+export const SETUP_PAGE_CLIENT_REPORT = [
+    SETUP_PAGE_CLIENT_REPORT_CITY,
+    SETUP_PAGE_CLIENT_REPORT_AUDIT,
+].join("\n");

package/dist/setup-page/client.js

@@ -0,0 +1,15 @@
+import { SETUP_PAGE_CLIENT_CORE } from "./client-core.js";
+import { SETUP_PAGE_CLIENT_REPORT } from "./client-report.js";
+import { SETUP_PAGE_CLIENT_EXTRACTION } from "./client-extraction.js";
+import { SETUP_PAGE_CLIENT_LIFECYCLE } from "./client-lifecycle.js";
+export function renderSetupPageClient(previewState, startupScript) {
+    const body = [
+        SETUP_PAGE_CLIENT_CORE,
+        SETUP_PAGE_CLIENT_REPORT,
+        SETUP_PAGE_CLIENT_EXTRACTION,
+        SETUP_PAGE_CLIENT_LIFECYCLE,
+    ].join("\n")
+        .replace("__ECHO_SETUP_PREVIEW_STATE__", JSON.stringify(previewState))
+        .replace("__ECHO_SETUP_STARTUP__", startupScript);
+    return `  <script>\n    (function () {\n${body}    })();\n  </script>`;
+}

package/dist/setup-page/document.js

@@ -0,0 +1,37 @@
+import { SETUP_PAGE_STYLES } from "./styles.js";
+import { renderSetupPageClient } from "./client.js";
+const SETUP_PAGE_BODY = String.raw `
+</head>
+<body>
+  <main>
+    <header>
+      <div>
+        <p class="kicker">EchoMem device setup</p>
+        <h1 id="title">Turn history into memory</h1>
+      </div>
+      <div class="pill" id="status">Local</div>
+    </header>
+    <section id="app" class="state">Starting local scan...</section>
+  </main>
+  <dialog id="echo-note" class="echo-note-dlg">
+    <button class="nclose" aria-label="Close">&times;</button>
+    <p class="nk" id="echo-note-k"></p>
+    <h2 class="nt" id="echo-note-t"></h2>
+    <div class="nb" id="echo-note-b"></div>
+  </dialog>
+`;
+export function renderSetupPageDocument(options) {
+    return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>EchoMem Device Setup</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&display=swap" rel="stylesheet" />
+  <style>
+${SETUP_PAGE_STYLES}  </style>${SETUP_PAGE_BODY}${renderSetupPageClient(options.previewState, options.startupScript)}
+</body>
+</html>`;
+}