@echomem/mcp 1.4.26 → 1.4.28

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

@@ -8,22 +8,21 @@ export const SETUP_PAGE_CLIENT_LIFECYCLE = String.raw `      /* ---------- scan-
         setHead("Local file access", "Consent");
         app.className = "consentStage mvpConsentStage";
         app.innerHTML =
+          setupJourney(1) +
           '<section class="mvpConsent" aria-labelledby="mvpConsentTitle">' +
-            '<img class="mvpConsentEcho" src="/hud-assets/echo-face-cutout.png" alt="" />' +
-            '<p class="mvpKicker">Before we begin</p>' +
-            '<h2 id="mvpConsentTitle">Echo has something for you.</h2>' +
-            '<p class="mvpConsentIntro">Let Echo read your local Codex and Claude Code history to build a private report. You’ll see what’s filling your context window, what keeps getting repeated, and where memory could help.</p>' +
-            '<p class="mvpPrivacy">The scan runs on this Mac. Nothing leaves it unless you later choose memories to extract.</p>' +
-            '<button type="button" class="primary mvpPrimary" id="allowLocalScan">Allow scan &amp; build my report <span aria-hidden="true">→</span></button>' +
-            '<button type="button" class="mvpQuiet" id="declineLocalScan">Not now</button>' +
+            '<div class="mvpConsentHero">' +
+              '<img class="mvpConsentEcho" src="/hud-assets/echo-face-cutout.png" alt="" />' +
+              '<div class="mvpConsentPitch">' +
+                '<h2 id="mvpConsentTitle">Start with the context you’ve already built.</h2>' +
+                '<p class="mvpConsentIntro">See what you keep re-explaining—and what’s worth carrying into future sessions.</p>' +
+              '</div>' +
+            '</div>' +
+            '<p class="mvpConsentTrustLine">Your history stays on your Mac until you choose what to import. ' + dataHandlingLink("Data handling") + '</p>' +
+            '<button type="button" class="primary mvpPrimary" id="allowLocalScan">Build my private report <span aria-hidden="true">→</span></button>' +
             '<p class="consentFine" id="consentStatus" role="status" aria-live="polite"></p>' +
           '</section>';
         var allow = document.getElementById("allowLocalScan");
         if (allow) allow.onclick = allowLocalScan;
-        var decline = document.getElementById("declineLocalScan");
-        if (decline) decline.onclick = function () {
-          setConsentStatus("Echo can't continue setup without permission to scan your local history.", "required");
-        };
       }
       function setConsentStatus(message, tone) {
         var node = document.getElementById("consentStatus");

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

@@ -716,8 +716,9 @@ export const SETUP_PAGE_CLIENT_REPORT_AUDIT = String.raw `      /* ---------- fo
           '</section>' +
           '<div class="audit-list">' + groups.map(function (group, index) { return auditRowHtml(group, index, totalWaste, slices[index]); }).join('') + '</div>' +
           '<footer class="audit-end">' +
-            '<h3>Stop burning tokens on these mistakes.</h3>' +
-            '<button class="rdo-cta" data-connect-echo>' + (connected ? 'Continue' : 'Connect Echo') +
+            '<h3>Turn this lost context into memory.</h3>' +
+            '<p class="audit-memory-bridge">Your report found where context is being repeated. Next, Echo can turn selected coding sessions into memories your agents can recall.</p>' +
+            '<button class="rdo-cta" data-connect-echo>Build my first memories' +
               '<img class="cta-face" src="/hud-assets/echo-face-cutout.png" alt="Echo" />' +
               '<svg class="cta-arrow" viewBox="0 0 64 26" aria-hidden="true">' +
                 '<defs><filter id="ctaPencil" x="-20%" y="-40%" width="140%" height="180%"><feTurbulence type="fractalNoise" baseFrequency="0.05 0.12" numOctaves="3" seed="11"/><feDisplacementMap in="SourceGraphic" scale="2.6"/></filter></defs>' +

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

@@ -119,10 +119,11 @@ export const SETUP_PAGE_CLIENT_REPORT_CITY = String.raw `      /* ---------- ful
                 'Local Only' +
               '</span>' +
             '</nav>' +
-            '<button class="navConnect" data-connect-echo><span class="navDot"></span>Start Now' +
+            '<button class="navConnect" data-connect-echo><span class="navDot"></span>Build my first memories' +
               '<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>' +
+          setupJourney(2) +
           '<section class="cityHero"><div class="cityFigureRow">' +
             '<figure class="cityFig">' +
               '<div class="cityShell" id="city-shell">' +
@@ -130,7 +131,7 @@ export const SETUP_PAGE_CLIENT_REPORT_CITY = String.raw `      /* ---------- ful
               '</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' +
+                'Explore the memory city' +
               '</button>' +
             '</figure>' +
             '<div class="cityNote" id="city-fieldnote"></div>' +
@@ -168,59 +169,188 @@ export const SETUP_PAGE_CLIENT_REPORT_CITY = String.raw `      /* ---------- ful
         setScanMode(false);
         setCityMode(false);
       }
+      function formatReportEta(seconds) {
+        seconds = Math.max(1, Math.round(seconds));
+        if (seconds >= 3600) {
+          var hours = Math.floor(seconds / 3600);
+          var minutesAfterHours = Math.ceil((seconds % 3600) / 60);
+          return "About " + hours + "h" + (minutesAfterHours ? " " + minutesAfterHours + "m" : "") + " remaining";
+        }
+        if (seconds >= 60) {
+          var minutes = Math.floor(seconds / 60);
+          var secondsAfterMinutes = seconds % 60;
+          return "About " + minutes + "m " + secondsAfterMinutes + "s remaining";
+        }
+        return "About " + seconds + "s remaining";
+      }
+      function estimateReportRemaining(progress, overall, stage) {
+        void overall;
+        var now = Date.now();
+        var stageElapsed = Math.max(0, Number(progress.stageElapsedMs || 0) / 1000);
+        var stageDone = Math.max(0, Number(progress.stageDone || 0));
+        var stageTotal = Math.max(0, Number(progress.stageTotal || 0));
+        function tickExistingEstimate() {
+          if (reportEtaDisplaySeconds <= 0) {
+            return { seconds: 0, overdue: false, calibrating: true };
+          }
+          var sinceLast = reportEtaUpdatedAt ? Math.max(0, (now - reportEtaUpdatedAt) / 1000) : 0;
+          reportEtaDisplaySeconds = Math.max(0, reportEtaDisplaySeconds - sinceLast);
+          reportEtaUpdatedAt = now;
+          return {
+            seconds: reportEtaDisplaySeconds,
+            overdue: now >= reportEtaDeadline || reportEtaDisplaySeconds <= 0,
+            calibrating: false,
+          };
+        }
+
+        // The visual progress bands describe work completed, not wall-clock cost. In particular,
+        // reaching the 75% classification band does NOT mean only 25% of the time remains.
+        // Calibrate only from movement inside the expensive classification stage.
+        if (stage !== "classifying-repeated-context") {
+          return tickExistingEstimate();
+        }
+        if (reportEtaStage !== stage) {
+          reportEtaStage = stage;
+          reportEtaStageDone = stageDone;
+          reportEtaStageElapsed = stageElapsed;
+          reportEtaObservedRate = 0;
+          return { seconds: 0, overdue: false, calibrating: true };
+        }
+
+        // The first canonical completions can be cache hits and arrive almost instantly. Treat the
+        // first observation as a baseline, then measure only later movement over real elapsed time.
+        if (stageDone > reportEtaStageDone && stageElapsed > reportEtaStageElapsed) {
+          var sampleElapsed = stageElapsed - reportEtaStageElapsed;
+          var sampleDone = stageDone - reportEtaStageDone;
+          if (sampleElapsed >= 2 && sampleDone > 0) {
+            var sampleRate = sampleDone / sampleElapsed;
+            reportEtaObservedRate = reportEtaObservedRate > 0
+              ? reportEtaObservedRate * 0.65 + sampleRate * 0.35
+              : sampleRate;
+            reportEtaStageDone = stageDone;
+            reportEtaStageElapsed = stageElapsed;
+          }
+        }
+        if (
+          reportEtaObservedRate <= 0 ||
+          !isFinite(reportEtaObservedRate)
+        ) {
+          return { seconds: 0, overdue: false, calibrating: true };
+        }
+        if (stageTotal <= stageDone) return tickExistingEstimate();
+
+        // Add a safety margin for the tail of slower sessions plus final report reconciliation.
+        // This intentionally prefers a slightly early completion over a fake three-second promise.
+        var observedRemaining = ((stageTotal - stageDone) / reportEtaObservedRate) * 1.35 + 5;
+        observedRemaining = Math.min(15 * 60, Math.max(8, observedRemaining));
+
+        if (!reportEtaDeadline) {
+          reportEtaDeadline = now + observedRemaining * 1000;
+          reportEtaDisplaySeconds = observedRemaining;
+        } else {
+          var sinceLast = reportEtaUpdatedAt ? Math.max(0, (now - reportEtaUpdatedAt) / 1000) : 0;
+          var clockRemaining = Math.max(0, reportEtaDisplaySeconds - sinceLast);
+          // A faster observed rate may shorten the estimate. A slower sample never pushes the
+          // countdown back upward; passing the first deadline changes the copy to "Finishing up".
+          reportEtaDisplaySeconds = Math.min(clockRemaining, observedRemaining);
+        }
+        reportEtaUpdatedAt = now;
+        return {
+          seconds: Math.max(0, reportEtaDisplaySeconds),
+          overdue: now >= reportEtaDeadline || reportEtaDisplaySeconds <= 0,
+          calibrating: 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;
-        if (!reportEstimateDeadline) reportEstimateDeadline = Date.now() + 30000;
-        function estimateCaption() {
-          var seconds = Math.ceil((reportEstimateDeadline - Date.now()) / 1000);
-          return seconds > 0
-            ? "About " + seconds + " seconds remaining"
-            : "Still working — your report will be ready soon.";
+        var scanId = String(reportEnvelope && reportEnvelope.scanId || "");
+        if (scanId !== reportEtaScanId) {
+          reportEtaScanId = scanId;
+          reportEtaDeadline = 0;
+          reportEtaDisplaySeconds = 0;
+          reportEtaUpdatedAt = 0;
+          reportEtaStage = "";
+          reportEtaStageDone = 0;
+          reportEtaStageElapsed = 0;
+          reportEtaObservedRate = 0;
         }
-        var caption = estimateCaption();
-        function updateEstimateCaption() {
-          var node = document.getElementById("scan-load-caption");
-          if (!node) return;
-          node.textContent = estimateCaption();
-          if (Date.now() >= reportEstimateDeadline && reportEstimateTimer) {
-            clearInterval(reportEstimateTimer);
-            reportEstimateTimer = null;
-          }
+        var scannedValue = Number(progress.scanned);
+        var totalValue = Number(progress.total);
+        var scanned = isFinite(scannedValue) ? Math.max(0, scannedValue) : 0;
+        var total = isFinite(totalValue) ? Math.max(0, totalValue) : 0;
+        var visibleScanned = total > 0 ? Math.min(scanned, total) : scanned;
+        // The bar tracks the whole scan (reading → summary → classifying → finalizing), which the
+        // file counters alone cannot express: they hit their maximum while analysis is still running.
+        var overallValue = Number(progress.overall);
+        var overall = isFinite(overallValue) ? Math.min(1, Math.max(0, overallValue)) : 0;
+        var pct = Math.round(overall * 100);
+        var stage = String(progress.stage || "starting");
+        var stageDone = Math.max(0, Number(progress.stageDone || 0));
+        var stageTotal = Math.max(0, Number(progress.stageTotal || 0));
+        var stageElapsed = Math.max(0, Number(progress.stageElapsedMs || 0));
+        var beat = Math.floor(stageElapsed / 4500);
+        var progressText = "";
+        if (total > 0 && stage === "reading-transcripts") {
+          progressText = "Reading " + number(visibleScanned) + " of " + number(total) + " sessions…";
+        } else if (stage === "building-summary") {
+          var summaryBeats = [
+            "Organizing what Echo found…",
+            "Building the report summary…"
+          ];
+          progressText = summaryBeats[beat % summaryBeats.length];
+        } else if (stage === "classifying-repeated-context") {
+          var analysisCount = stageTotal > 0
+            ? " · " + number(Math.min(stageDone, stageTotal)) + " of " + number(stageTotal)
+            : "";
+          var analysisBeats = [
+            "Comparing context across sessions" + analysisCount + "…",
+            "Finding repeated context" + analysisCount + "…",
+            "Separating useful context from noise" + analysisCount + "…"
+          ];
+          progressText = analysisBeats[beat % analysisBeats.length];
+        } else if (stage === "finalizing-report") {
+          progressText = beat % 2 === 0 ? "Checking the report totals…" : "Preparing your report…";
         }
+        var etaState = estimateReportRemaining(progress, overall, stage);
+        var etaText = etaState.overdue
+          ? "Taking a little longer than estimated…"
+          : (etaState.seconds > 0 ? formatReportEta(etaState.seconds) : "Estimating time remaining…");
         var fill = document.getElementById("scan-load-fill");
+        var caption = document.getElementById("scan-load-caption");
+        var eta = document.getElementById("scan-load-eta");
         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;
+          fill.parentElement.setAttribute("aria-valuetext", (progressText || "Preparing session count") + " " + etaText);
+          if (caption) {
+            caption.textContent = progressText;
+            caption.hidden = !progressText;
+          }
+          if (eta) eta.textContent = etaText;
           return;
         }
         setScanMode(true);
-        setHead("Reading your local coding history", "Local scan");
+        setHead("Building your report", "Local scan");
         app.className = "scanLoading";
         app.innerHTML =
-          '<section class="mvpReading" aria-live="polite">' +
-            '<span class="scanMascot mvpReadingAnimation" aria-hidden="true">' +
-              '<span class="scanMascotFrames">' +
-                '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-01-ready.png" alt="" />' +
-                '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-02-open.png" alt="" />' +
-                '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-03-pull.png" alt="" />' +
-                '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-04-read.png" alt="" />' +
-                '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-04-read.png" alt="" />' +
-                '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-05-file.png" alt="" />' +
-                '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-06-close.png" alt="" />' +
-              '</span>' +
+          setupJourney(1) +
+          '<section class="mvpReading" aria-labelledby="scanLoadingTitle">' +
+            '<span class="mvpReadingMascot scanMascotFrames" aria-hidden="true">' +
+              '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-01-ready.png" alt="" />' +
+              '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-02-open.png" alt="" />' +
+              '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-03-pull.png" alt="" />' +
+              '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-04-read.png" alt="" />' +
+              '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-04-read.png" alt="" />' +
+              '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-05-file.png" alt="" />' +
+              '<img class="scanMascotFrame" src="/hud-assets/scan-loop/frame-06-close.png" alt="" />' +
             '</span>' +
-            '<h2>Reading your coding history…</h2>' +
-            '<p id="scan-load-caption" class="scanCaption">' + esc(caption) + '</p>' +
-            '<div class="scanProgress mvpReadingProgress" role="progressbar" aria-label="Local scan progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="' + pct + '">' +
+            '<h2 id="scanLoadingTitle">Building your report…</h2>' +
+            '<p class="mvpReadingCount" id="scan-load-caption" aria-live="polite"' + (progressText ? "" : " hidden") + '>' + esc(progressText) + '</p>' +
+            '<p class="mvpReadingEta" id="scan-load-eta">' + esc(etaText) + '</p>' +
+            '<div class="scanProgress mvpReadingProgress" role="progressbar" aria-labelledby="scanLoadingTitle" aria-valuemin="0" aria-valuemax="100" aria-valuenow="' + pct + '" aria-valuetext="' + esc((progressText || "Preparing session count") + " " + etaText) + '">' +
               '<i id="scan-load-fill" class="scanProgressFill" style="width:' + pct + '%"></i>' +
             '</div>' +
           '</section>';
-        if (!reportEstimateTimer) reportEstimateTimer = setInterval(updateEstimateCaption, 1000);
       }
 
 `;

package/dist/setup-page/styles-extraction.js

@@ -1462,6 +1462,43 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
     .savedHeading strong {
       font-variant-numeric: tabular-nums;
     }
+    .firstRecallStage {
+      display: flex;
+      flex-direction: column;
+      gap: clamp(22px, 3vw, 34px);
+    }
+    .firstRecallStage .resultTop h2 {
+      max-width: none;
+      margin: 0;
+      color: var(--echo-ink-text);
+      font-family: var(--echo-font-brand);
+      font-size: clamp(42px, 6vw, 72px);
+      font-weight: 700;
+      line-height: 0.96;
+      letter-spacing: -0.045em;
+    }
+    .firstRecallStage .savedHeading {
+      display: block;
+    }
+    .firstRecallStage .savedHeading .savedMain {
+      color: var(--echo-ink-text);
+    }
+    .firstRecallStage .savedHeading strong {
+      color: var(--echo-ink-primary);
+      font-weight: 900;
+    }
+    .firstRecallStage .tryCard {
+      margin-top: 0;
+    }
+    .firstRecallStage .tryCard > .tryTitle {
+      margin-bottom: 0;
+      color: var(--echo-ink-primary);
+      font-size: clamp(26px, 3vw, 38px);
+      line-height: 1.04;
+    }
+    .firstRecallStage .recallPromptPrimary {
+      margin-top: 18px;
+    }
     .viewEchoLink {
       color: var(--echo-ink-mute);
       font-style: normal;

package/dist/setup-page/styles-foundation.js

@@ -165,7 +165,9 @@ export const SETUP_PAGE_STYLES_FOUNDATION = String.raw `    :root {
       min-width: 10px;
       border-radius: 0;
       background: var(--echo-ink-primary);
-      transition: width 320ms ease;
+      /* Matched to the 700ms report poll so the fill glides between updates instead of
+         stepping and then sitting still for the rest of the interval. */
+      transition: width 700ms linear;
     }
     .scanCaption {
       margin: 20px 0 0;