@echomem/mcp 1.4.44 → 1.4.46

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

@@ -1,7 +1,97 @@
 // Generated by splitting the previous inline setup page. Keep this source readable: it is emitted into one browser IIFE.
 export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dashboard (post-auth extraction) ---------- */
+            function acceptReportScanId(envelope) {
+        var scanId = envelope && typeof envelope.scanId === "string" ? envelope.scanId : "";
+        if (!scanId) throw new Error("Report response is missing its scan identity.");
+        if (activeScanId && activeScanId !== scanId) throw new Error("The local scan identity changed before the report completed.");
+        activeScanId = scanId;
+      }
+      function validateProductionReportEnvelope(envelope) {
+        if (!envelope || typeof envelope !== "object" || envelope.schemaVersion !== 1 || envelope.mode !== "production") {
+          throw new Error("Report response has an unsupported production schema.");
+        }
+        acceptReportScanId(envelope);
+        if (["scanning", "ready", "empty", "failed"].indexOf(envelope.kind) === -1) {
+          throw new Error("Report response has an unknown state.");
+        }
+        if (envelope.kind === "scanning") return envelope;
+        if (envelope.kind === "failed") {
+          if (!envelope.error || typeof envelope.error.code !== "string" || typeof envelope.error.message !== "string") {
+            throw new Error("Report failure response is malformed.");
+          }
+          return envelope;
+        }
+        var r = envelope.report;
+        if (!r || typeof r !== "object" || r.schemaVersion !== 1 || r.dataOrigin !== "local-workspace-scan") {
+          throw new Error("Report did not prove that it came from this local workspace scan.");
+        }
+        var scale = r.scale || {};
+        var sessions = Number(scale.sessionCount);
+        var gs = gsClean(r.canonicalGoldenStandard);
+        var summary = (gs && gs.summary) || {};
+        var canonicalSessions = Number(summary.sessionsAnalyzed || 0);
+        var canonicalInput = Number(summary.officialInputTokens || 0);
+        var skipped = Number((gs && gs.diagnostics && gs.diagnostics.skippedSessions) || 0);
+        if (envelope.kind === "empty") {
+          if (sessions !== 0 || canonicalSessions !== 0 || canonicalInput !== 0 || Number(scale.totalInputTokens || 0) !== 0) {
+            throw new Error("An empty report contained non-empty usage data.");
+          }
+          return envelope;
+        }
+        if (
+          !gs ||
+          !Number.isFinite(sessions) || sessions <= 0 ||
+          !Number.isFinite(canonicalSessions) || canonicalSessions <= 0 || canonicalSessions > sessions ||
+          !Number.isFinite(skipped) || skipped < 0 || canonicalSessions + skipped !== sessions ||
+          !Number.isFinite(canonicalInput) || canonicalInput <= 0
+        ) {
+          throw new Error("Canonical analysis is incomplete or does not match the provider session cohort.");
+        }
+        if (!Array.isArray(r.repos) || r.repos.length === 0) {
+          throw new Error("The local report has no workspace rows to render.");
+        }
+        gsBillingProjection(r, gs);
+        return envelope;
+      }
+      function renderReportIssue(code, message) {
+        void message;
+        report = null;
+        reportEnvelope = null;
+        resetReportSurface();
+        var canContinue = String(code || "").indexOf("REPORT_") === 0 || code === "RENDER_FAILED";
+        setHead("We couldn't finish this scan", "Needs attention");
+        app.className = "reportMessageStage";
+        app.innerHTML =
+          '<section class="reportMessage" data-report-state="failed">' +
+            '<h2>We couldn’t finish this scan.</h2>' +
+            '<p>Your coding history is unchanged.</p>' +
+            (canContinue
+              ? '<p>This optional report can be retried later.</p><div class="actions"><button type="button" class="primary" data-connect-echo>Continue without report</button></div>'
+              : '<p>Close this tab and run <code>echomem-mcp init</code> again.</p>') +
+            '<details class="reportTechnical"><summary>Technical details</summary><code>' + esc(code || "REPORT_FAILED") + '</code></details>' +
+          '</section>';
+        if (canContinue) bindConnect();
+      }
+      function renderEmptyReport() {
+        report = null;
+        reportEnvelope = null;
+        resetReportSurface();
+        setHead("No local coding history found", "Local scan complete");
+        app.className = "reportMessageStage";
+        app.innerHTML =
+          '<section class="reportMessage" data-report-state="empty">' +
+            '<h2>No coding history found.</h2>' +
+            '<p>You can continue now and import local coding history later.</p>' +
+            '<div class="actions"><button type="button" class="primary" data-connect-echo>Continue setup</button></div>' +
+          '</section>';
+        bindConnect();
+      }
+      function renderBridgeIssue() {
+        renderReportIssue("BRIDGE_UNREACHABLE", "The local bridge stopped answering before your report was ready. Your terminal may have closed or the process may have stopped.");
+      }
       function renderDiscoveryCheck(slow) {
         void slow;
+        setCityMode(false);
         setExtractMode(false);
         setReadyMode(true);
         setHead("Loading", "Working");
@@ -9,6 +99,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         app.innerHTML = '<div class="discoverySpinner" role="status" aria-label="Loading"><span aria-hidden="true"></span></div>';
       }
       function renderDiscoveryCheckIssue(error) {
+        setCityMode(false);
         setExtractMode(false);
         setReadyMode(true);
         setHead("Session refresh paused", "Needs attention");
@@ -16,7 +107,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         app.innerHTML =
           '<div style="padding:24px"><h2>Echo could not refresh session status</h2>' +
           '<p class="helper">Keep the terminal open and try the local check again.</p>' +
-          (error ? '<details class="technicalDetails"><summary>Technical details</summary><code>' + esc(error) + '</code></details>' : '') +
+          (error ? '<details class="reportTechnical"><summary>Technical details</summary><code>' + esc(error) + '</code></details>' : '') +
           '<div class="actions"><button id="retryDiscoveryCheck" class="primary">Try again</button></div></div>';
         var retry = document.getElementById("retryDiscoveryCheck");
         if (retry) retry.onclick = function () {
@@ -25,11 +116,13 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         };
       }
       function renderLogoutPending() {
+        setCityMode(false);
         setHead("Signing out locally", "Working");
         app.className = "loading-panel";
         app.innerHTML = '<div style="padding:24px"><h2>Signing this device out</h2><p class="helper">If Echo is scanning local files, this can take a few seconds to answer.</p></div>';
       }
       function renderLogoutIssue(error) {
+        setCityMode(false);
         setHead("Sign out did not finish", "Needs attention");
         app.className = "loading-panel";
         app.innerHTML =
@@ -43,6 +136,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         if (statsPollStarted) return;
         var statsEpoch = accountStateEpoch;
         statsPollStarted = true;
+        setCityMode(false);
         setExtractMode(false);
         setReadyMode(true);
         renderDiscoveryCheck(false);
@@ -75,14 +169,23 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
               if (res.status !== 202) throw new Error(await res.text() || ("HTTP " + res.status));
             } catch (e) {
               lastError = e && e.message ? e.message : String(e);
-              if (!stats && Date.now() - started > 25000) renderDiscoveryCheckIssue(lastError);
+              if (!stats && Date.now() - started > 25000) renderBridgeIssue(lastError);
               if (Date.now() - started > 20000) { statsSlow = true; if (stats) renderDashboard(); }
             }
             await sleep(statsSlow ? 1500 : 500);
           }
         } finally { statsPollStarted = false; }
       }
+      // The plate slot: ONLY the WebGL clay city (echo-extraction-plate.html). It self-fetches /report
+      // (your repos) and polls /progress (extraction state), growing as memories are created. The old SVG
+      // fallback board was removed — it was bleeding through behind the transparent canvas (the double board).
+      function plateBlock() {
+        return '<div class="exPlate"><div class="plateStack">' +
+          '<iframe class="plateGl" title="Extraction plate" src="/city/echo-extraction-plate.html?nonce=' + encodeURIComponent(nonce) + '"></iframe>' +
+          '</div></div>';
+      }
       function renderPlanGate() {
+        setCityMode(false);
         setExtractMode(false);
         setReadyMode(true);
         setHead("Choose your Echo", "Plan");
@@ -95,7 +198,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         readyStage = "plan";
         app.className = "planGateStage";
         app.innerHTML =
-          setupJourney(2) +
+          setupJourney(3) +
           '<section class="planGateDecision">' +
             '<div class="setupPlanSlot" id="setupPlan"></div>' +
             '<aside class="planGateAccount" aria-label="Connected account"><div class="setupAccountSlot" id="setupAccount"></div></aside>' +
@@ -104,6 +207,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         renderAccountChoice();
       }
       function renderDashboard(error) {
+        setCityMode(false);
         setExtractMode(false);
         setReadyMode(true);
         var migratable = stats && stats.migratable ? stats.migratable : {};
@@ -127,6 +231,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         var pendN = hasPendingCount ? pending : 0;
         var pendingCodex = typeof migratable.pendingCodex === "number" ? migratable.pendingCodex : null;
         var pendingClaudeCode = typeof migratable.pendingClaudeCode === "number" ? migratable.pendingClaudeCode : null;
+        var pendingCowork = typeof migratable.pendingCowork === "number" ? migratable.pendingCowork : null;
         if (connected && !billingStatusLoading && !setupPlanConfirmed()) {
           renderPlanGate();
           return;
@@ -149,17 +254,19 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
                   ? "<strong>" + esc(number(pendN)) + " sessions</strong> found."
                   : "<strong>" + esc(number(pendN)) + " sessions</strong> are ready to review."));
         var sub = degradedWithoutCounts
-          ? "You can finish setup now. Your conversations stay on this computer, and you can retry the history import later."
+          ? "You can finish setup now. Your conversations stay on this Mac, and you can retry the history import later."
           : !pendingTrusted
           ? "Echo is matching your local history against what is already in memory."
             : (knownDone
             ? (skippedActive ? number(skippedActive) + " active conversation" + (skippedActive === 1 ? " is" : "s are") + " still changing, so Echo will pick them up later." : "Your history is already in EchoMem. Nothing new to extract.")
             : (planLimited
                 ? (importableNow > 0
-                    ? currentPlanLabel + " can import " + number(importableNow) + " of them. Choose which ones to bring into memory; the other " + number(deferredByPlan) + " stay on this computer."
-                    : currentPlanLabel + " has no coding-session imports remaining. These sessions stay on this computer.")
+                    ? currentPlanLabel + " can import " + number(importableNow) + " of them. Choose which ones to bring into memory; the other " + number(deferredByPlan) + " stay on this Mac."
+                    : currentPlanLabel + " has no coding-session imports remaining. These sessions stay on this Mac.")
                 : ""));
-        // Mount the dashboard shell once; later polls only patch its text and counts.
+        // Mount the dashboard shell ONCE so the WebGL plate iframe is never re-created across /stats polls.
+        // (Rebuilding app.innerHTML on every partial-scan poll reloaded the iframe → the city flickered.)
+        // Later polls only patch the text/counts in place; the iframe stays mounted.
         var live = dashMounted && document.getElementById("exHeadline");
         if (!live) {
           extractMounted = false;
@@ -171,7 +278,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           // one-line strip, not stat cards; the ETA is a commitment-moment note under the button,
           // not a display-size headline.
           app.innerHTML =
-            setupJourney(3) +
+            setupJourney(4) +
             '<aside class="readyUtilityNav" aria-label="Account and plan settings">' +
               '<div class="planGateAccount readyAccountNav" aria-label="Connected account"><div class="setupAccountSlot" id="setupAccount"></div></div>' +
               '<div class="readyPlanNav" aria-label="Current plan"><span class="readyPlanNavLabel">Plan</span><div class="setupPlanSlot" id="setupPlan"></div></div>' +
@@ -206,6 +313,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         document.getElementById("exSub").textContent = sub;
         var codexN = pendingTrusted && pendingCodex !== null ? pendingCodex : (sessions.codex || 0);
         var claudeN = pendingTrusted && pendingClaudeCode !== null ? pendingClaudeCode : (sessions.claudeCode || 0);
+        var coworkN = pendingTrusted && pendingCowork !== null ? pendingCowork : (sessions.cowork || 0);
         // Proof strip: one quiet line of evidence that the scan is real. Hidden when there is nothing to show.
         var srcIcon = function (id, fallback) {
           var asset = id === "claude-desktop" ? "claude" : "codex";
@@ -219,6 +327,8 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
               ? '<span class="pf">' + srcIcon("codex", "CX") + '<strong>' + esc(number(codexN)) + '</strong> Codex</span>' +
                 '<span class="pfDot">&middot;</span>' +
                 '<span class="pf">' + srcIcon("claude-desktop", "CL") + '<strong>' + esc(number(claudeN)) + '</strong> Claude Code</span>' +
+                '<span class="pfDot">&middot;</span>' +
+                '<span class="pf">' + srcIcon("claude-desktop", "CW") + '<strong>' + esc(number(coworkN)) + '</strong> Cowork</span>' +
                 '<span class="pfNote">found on this computer</span>'
               : "");
         // Reassurances live at the moment of commitment — right under the button.
@@ -286,12 +396,14 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         stopBillingPoll();
         decisionMade = true;
         extractionEnded = false;
+        setCityMode(false);
+        setScanMode(false);
         setReadyMode(false);
         setExtractMode(true);
         setHead("Extracting", "Starting");
         app.className = "extractionStartStage";
         app.innerHTML =
-          setupJourney(3) +
+          setupJourney(4) +
           '<div class="discoverySpinner" role="status" aria-label="Starting import"><span aria-hidden="true"></span></div>';
         var started;
         try {
@@ -383,6 +495,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
       function renderProgress(progress) {
         if (extractionEnded) return;
         lastExtractionProgress = progress;
+        setCityMode(false);
         setExtractMode(true);
         var status = progress.status;
         var done = status === "completed";
@@ -394,15 +507,18 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         var pct = total > 0 ? Math.round((completed / total) * 100) : (done ? 100 : 0);
         var preparing = (status === "starting" || status === "preparing");
         app.className = "";
-        // Mount the shell once; each poll only rebuilds the text column.
+        // Mount the shell ONCE so the WebGL plate iframe survives every poll (it self-polls /progress);
+        // each poll only rebuilds the text column.
         if (!extractMounted) {
           app.innerHTML =
-            '<div id="setupJourneySlot">' + setupJourney(3) + '</div>' +
-            '<section class="exHero"><div class="exCopy" id="exText"></div></section>';
+            '<div id="setupJourneySlot">' + setupJourney(4) + '</div>' +
+            '<section class="exHero"><div class="exCopy" id="exText"></div>' +
+            plateBlock() +
+            '</section>';
           extractMounted = true;
         }
         var journeySlot = document.getElementById("setupJourneySlot");
-        if (journeySlot) journeySlot.innerHTML = setupJourney(done ? 4 : 3);
+        if (journeySlot) journeySlot.innerHTML = setupJourney(done ? 5 : 4);
         var shell = app.querySelector(".exHero");
         if (shell) {
           shell.classList.toggle("exHeroResult", done || stopped);
@@ -664,7 +780,9 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         }
       }
       function sessionSourceLabel(source) {
-        return source === "claude-code" ? "Claude Code" : "Codex";
+        if (source === "claude-code") return "Claude Code";
+        if (source === "claude-desktop") return "Cowork";
+        return "Codex";
       }
       function sessionDateLabel(value) {
         if (!value) return "Date unavailable";
@@ -819,11 +937,12 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           var key = String(session.key || "");
           var encodedKey = encodeURIComponent(key);
           var checked = !!selectedSessionKeys[key];
-          var sourceIcon = session.source === "claude-code" ? "claude" : "codex";
-          var sourceFallback = session.source === "claude-code" ? "CL" : "CX";
+          var isClaude = session.source === "claude-code" || session.source === "claude-desktop";
+          var sourceIcon = isClaude ? "claude" : "codex";
+          var sourceFallback = session.source === "claude-desktop" ? "CW" : (session.source === "claude-code" ? "CL" : "CX");
           return '<label class="sessionPickerRow' + (checked ? " is-selected" : "") + '">' +
             '<input type="checkbox" data-session-key="' + esc(encodedKey) + '"' + (checked ? " checked" : "") + ' />' +
-            '<span class="sessionPickerSource ' + (session.source === "claude-code" ? "is-claude" : "is-codex") + '"><img src="/hud-assets/' + sourceIcon + '.svg" alt="" onerror="this.style.display=&quot;none&quot;;this.nextElementSibling.style.display=&quot;grid&quot;;" /><span class="sessionPickerSourceFallback">' + sourceFallback + '</span></span>' +
+            '<span class="sessionPickerSource ' + (isClaude ? "is-claude" : "is-codex") + '"><img src="/hud-assets/' + sourceIcon + '.svg" alt="" onerror="this.style.display=&quot;none&quot;;this.nextElementSibling.style.display=&quot;grid&quot;;" /><span class="sessionPickerSourceFallback">' + sourceFallback + '</span></span>' +
             '<span class="sessionPickerMain"><strong>' + esc(session.title || "Untitled coding session") + '</strong><small>' + esc(session.project || "No project detected") + ' · ' + esc(sessionDateLabel(session.date)) + '</small></span>' +
             '<span class="sessionPickerMeta">' + esc(compact(Number(session.approxInputTokens) || 0)) + ' tok</span>' +
           '</label>';
@@ -835,7 +954,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           '<div class="sessionPickerShell">' +
             '<header class="sessionPickerHead"><div><h2 id="sessionPickerTitle">Choose conversations</h2><p class="sessionPickerSummary"><span class="sessionPickerQuota">Up to <strong>' + esc(number(limit)) + '</strong></span>' + inlineUpgrade + '<span class="sessionPickerOrder">&middot; newest selected first</span></p></div><button type="button" class="sessionPickerClose" id="closeSessionPicker" aria-label="Close">×</button></header>' +
             '<div class="sessionPickerToolbar"><label class="sessionSearch"><span>Search</span><input type="search" id="sessionPickerSearch" placeholder="Title or project" value="' + esc(sessionPickerQuery) + '" /></label>' +
-              '<label class="sessionSourceFilter"><span>Source</span><select id="sessionPickerSource"><option value="all"' + (sessionPickerSource === "all" ? " selected" : "") + '>All sources</option><option value="codex"' + (sessionPickerSource === "codex" ? " selected" : "") + '>Codex</option><option value="claude-code"' + (sessionPickerSource === "claude-code" ? " selected" : "") + '>Claude Code</option></select></label>' +
+              '<label class="sessionSourceFilter"><span>Source</span><select id="sessionPickerSource"><option value="all"' + (sessionPickerSource === "all" ? " selected" : "") + '>All sources</option><option value="codex"' + (sessionPickerSource === "codex" ? " selected" : "") + '>Codex</option><option value="claude-code"' + (sessionPickerSource === "claude-code" ? " selected" : "") + '>Claude Code</option><option value="claude-desktop"' + (sessionPickerSource === "claude-desktop" ? " selected" : "") + '>Cowork</option></select></label>' +
             '</div>' +
             '<div class="sessionPickerActions"><strong>' + esc(number(selected.length)) + ' / ' + esc(number(limit)) + ' selected</strong><span id="sessionPickerStatus" class="sessionPickerStatus" role="status" aria-live="polite">' + (limit === 0 ? "Plan limit reached. Upgrade to import more." : "") + '</span><button type="button" class="textButton" id="selectNewestSessions">Select newest</button><button type="button" class="textButton" id="clearSessions">Clear</button></div>' +
             '<div class="sessionPickerListWrap' + (limit === 0 ? " is-limit-blocked" : "") + '" id="sessionPickerListWrap"><div class="sessionPickerList"' + (limit === 0 ? " inert" : "") + '>' + (rows || '<div class="sessionPickerEmpty">No conversations match these filters.</div>') + overflow + '</div><div class="sessionPickerLimitOverlay" id="sessionPickerLimitOverlay" role="alert"' + (limit === 0 ? "" : " hidden") + '>' + (limit === 0 ? sessionPickerLimitNotice(false) : "") + '</div></div>' +
@@ -923,12 +1042,13 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           ? account.email
           : "the connected account";
         accountSwitchPending = true;
+        setCityMode(false);
         setExtractMode(false);
         setReadyMode(true);
         setHead("Switch EchoMem account", "Confirm");
         app.className = "accountSwitchStage";
         app.innerHTML =
-          setupJourney(3) +
+          setupJourney(4) +
           '<section class="accountSwitchConfirm" aria-labelledby="accountSwitchTitle">' +
             '<button type="button" class="flowBack" id="cancelAccountSwitch">← Back</button>' +
             '<h2 id="accountSwitchTitle">Switch account?</h2>' +
@@ -977,6 +1097,41 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
       function paidRecallPlan(plan) {
         return ["pro", "power", "team", "enterprise"].indexOf(String(plan || "").toLowerCase()) >= 0;
       }
+      var planQuotaCatalog = null;
+      var planQuotaCatalogLastFetchedAt = 0;
+      function quotaLimitsForPlan(plan) {
+        var normalized = String(plan || "free").toLowerCase();
+        if (normalized === "team") normalized = "pro";
+        if (normalized === "enterprise") normalized = "power";
+        var limits = planQuotaCatalog && planQuotaCatalog[normalized];
+        if (!limits || typeof limits !== "object") return null;
+        if (
+          typeof limits.historicalConversationLimit !== "number" ||
+          typeof limits.memoryProcessingInputTokensWeeklyLimit !== "number" ||
+          typeof limits.memorySearchWeeklyLimit !== "number"
+        ) return null;
+        return limits;
+      }
+      function quotaNumber(value) {
+        return number(Math.max(0, Math.floor(value)));
+      }
+      function quotaTokens(value) {
+        var normalized = Math.max(0, Math.floor(value));
+        if (normalized > 0 && normalized % 1000000 === 0) return String(normalized / 1000000) + "M";
+        return normalized > 0 && normalized % 1000 === 0 ? String(normalized / 1000) + "K" : quotaNumber(normalized);
+      }
+      async function refreshPlanQuotaCatalog() {
+        if (Date.now() - planQuotaCatalogLastFetchedAt < 60000) return;
+        try {
+          var response = await fetch("https://echo-mem-chrome.vercel.app/api/public/plan-quotas", { cache: "no-store" });
+          var payload = response.ok ? await response.json() : null;
+          if (!payload || !payload.plans || typeof payload.plans !== "object") return;
+          planQuotaCatalog = payload.plans;
+          planQuotaCatalogLastFetchedAt = Date.now();
+        } catch (_) {
+          // Generic labels remain visible until the managed catalog is available.
+        }
+      }
       function setupPlanPrice(plan) {
         return plan === "power" ? "$100" : "$20";
       }
@@ -1038,7 +1193,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         var statusLabel = canceled ? "Canceled" : (state === "trialing" ? "Trial active" : "Active");
         var lifecycle = paidPlanLifecycleText(plan);
         var quota = billingStatus && billingStatus.historicalConversationQuota;
-        var limit = quota && typeof quota.limit === "number" ? quota.limit : (plan === "power" ? 2000 : 500);
+        var limit = quota && typeof quota.limit === "number" ? quota.limit : null;
         var moneyFact = canceled
           ? "No future charge"
           : (state === "trialing" ? setupPlanPrice(plan) + "/month after trial" : setupPlanPrice(plan) + "/month");
@@ -1047,7 +1202,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           '<section class="billingCommitment' + (canceled ? ' is-canceled' : '') + '" aria-label="Current plan commitment">' +
             '<div class="billingCommitmentIdentity"><span>' + esc(statusLabel) + '</span><strong>' + esc(planLabel) + '</strong></div>' +
             '<div class="billingCommitmentFacts">' +
-              '<span><b>' + esc(number(limit)) + '</b> coding-session imports</span>' +
+              '<span><b>' + esc(limit === null ? "Plan import allowance" : quotaNumber(limit)) + '</b>' + (limit === null ? "" : " coding-session imports") + '</span>' +
               '<span><b>' + esc(moneyFact) + '</b></span>' +
             '</div>' +
             '<p>' + esc(lifecycle || "Your paid plan is active.") + '</p>' +
@@ -1058,6 +1213,19 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
       }
       function setupPlanDefinition(plan) {
         var trialAvailable = !billingStatus || billingStatus.trialAvailable !== false;
+        var limits = quotaLimitsForPlan(plan);
+        var fallbackFeatures = plan === "power"
+          ? ["2,000 past chats", "agent-heavy memory", "2,000 memory recalls / week"]
+          : plan === "pro"
+            ? ["500 past chats", "daily memory updates", "500 memory recalls / week"]
+            : ["100 coding sessions", "a few new sessions / week", "100 memory recalls / week"];
+        var features = limits
+          ? [
+              quotaNumber(limits.historicalConversationLimit) + " past chats",
+              quotaTokens(limits.memoryProcessingInputTokensWeeklyLimit) + " new-chat tokens / week",
+              quotaNumber(limits.memorySearchWeeklyLimit) + " memory recalls / week"
+            ]
+          : fallbackFeatures;
         if (plan === "power") return {
           id: "power",
           name: "Power",
@@ -1067,11 +1235,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           cadence: trialAvailable ? "per month · 14-day trial" : "per month · billed immediately",
           sticker: "/hud-assets/echo-pricing-power-sticker.png",
           stickerAlt: "Power Echo arrives with a gold key and a crew of notebook helpers.",
-          features: [
-            "2,000 past chats",
-            "agent-heavy memory",
-            "2,000 memory recalls / week"
-          ]
+          features: features
         };
         if (plan === "pro") return {
           id: "pro",
@@ -1083,11 +1247,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           sticker: "/hud-assets/echo-pricing-pro-sticker.png",
           stickerAlt: "Pro Echo organizes tabbed notebooks and a daily refresh control.",
           popular: true,
-          features: [
-            "500 past chats",
-            "daily memory updates",
-            "500 memory recalls / week"
-          ]
+          features: features
         };
         return {
           id: "free",
@@ -1098,7 +1258,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           cadence: "free forever · no card needed",
           sticker: "/hud-assets/echo-pricing-free-sticker.png",
           stickerAlt: "Original Echo hugs one simple memory card.",
-          features: ["100 coding sessions", "a few new sessions / week", "100 memory recalls / week"]
+          features: features
         };
       }
       function renderPlanHabitat() {
@@ -1220,7 +1380,11 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         if (setupPlanChoice === "free") {
           if (readySettings) readySettings.classList.remove("is-plan-open", "is-checkout-pending");
           if (planGateDecision) planGateDecision.classList.remove("is-checkout-pending");
-          slot.innerHTML = '<div class="setupPlanConfirmed"><span class="setupPlanConfirmedIcon" aria-hidden="true">' + setupIcon("check") + '</span><span class="setupPlanConfirmedCopy"><strong>Original Echo</strong><span>100 coding sessions and 100 memory recalls each week.</span></span><button type="button" class="textButton" id="changeSetupPlan">Change</button></div>';
+          var freeLimits = quotaLimitsForPlan("free");
+          var freePlanCopy = freeLimits
+            ? quotaNumber(freeLimits.historicalConversationLimit) + " coding sessions and " + quotaNumber(freeLimits.memorySearchWeeklyLimit) + " memory recalls each week."
+            : "Your managed import and weekly memory allowances are ready.";
+          slot.innerHTML = '<div class="setupPlanConfirmed"><span class="setupPlanConfirmedIcon" aria-hidden="true">' + setupIcon("check") + '</span><span class="setupPlanConfirmedCopy"><strong>Original Echo</strong><span>' + esc(freePlanCopy) + '</span></span><button type="button" class="textButton" id="changeSetupPlan">Change</button></div>';
           renderBillingCommitment("");
           var changeBtn = document.getElementById("changeSetupPlan");
           if (changeBtn) changeBtn.onclick = function () {
@@ -1321,6 +1485,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           var nextBillingStatus = await getJson("/billing-status");
           if (billingEpoch !== accountStateEpoch || !connected) return;
           billingStatus = nextBillingStatus;
+          await refreshPlanQuotaCatalog();
           billingLastCheckedAt = Date.now();
           billingCheckMessage = "";
           if (readyStage === "sessions" && setupPlanConfirmed()) {
@@ -1423,7 +1588,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
             '<p class="recallPromptText">' + esc(primary) + '</p>' +
             '<div class="recallPromptActions" aria-label="Try your first memory recall">' +
               '<button type="button" class="recallAgent recallAgentPrimary" data-recall-codex><span class="recallAgentIcon"><img src="/hud-assets/codex.svg" alt="" /></span><span>Ask in Codex</span></button>' +
-              (canOpenClaudeDesktop ? '<button type="button" class="recallAgent is-claude" data-recall-claude><span class="recallAgentIcon"><img src="/hud-assets/claude.svg" alt="" /></span><span>Use Claude instead</span></button>' : '') +
+              '<button type="button" class="recallAgent is-claude" data-recall-claude><span class="recallAgentIcon"><img src="/hud-assets/claude.svg" alt="" /></span><span>Use Claude instead</span></button>' +
             '</div>' +
           '</article>' +
           '<p class="launchStatus" id="launchStatus"></p>' +
@@ -1441,6 +1606,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         });
       }
       function renderEnding() {
+        setCityMode(false);
         setExtractMode(true);
         // This view replaces the live extraction shell. Mark it unmounted so a failed
         // pause can rebuild the progress page instead of trying to patch missing DOM.
@@ -1448,7 +1614,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
         setHead("Ending extraction", "Ending");
         app.className = "";
         app.innerHTML =
-          setupJourney(3) +
+          setupJourney(4) +
           '<section class="lifecycleState lifecyclePending">' +
             '<h2>Stopping the remaining queued work…</h2>' +
             '<p>Saved memories stay intact.</p>' +
@@ -1456,12 +1622,13 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           '</section>';
       }
       function renderSkipped() {
+        setCityMode(false);
         setExtractMode(true);
         setHead("Extraction ended for now", "Ended");
         app.className = "";
         var savedCount = Math.max(0, Number(lastExtractionProgress && lastExtractionProgress.extracted || 0));
         app.innerHTML =
-          setupJourney(savedCount > 0 ? 4 : 3) +
+          setupJourney(savedCount > 0 ? 5 : 4) +
           '<section class="lifecycleState lifecyclePaused">' +
             '<header class="lifecycleIntro">' +
               '<h2>' + (savedCount > 0 ? esc(number(savedCount)) + ' memories are ready to use.' : 'Import ended safely.') + '</h2>' +
@@ -1525,7 +1692,7 @@ export const SETUP_PAGE_CLIENT_EXTRACTION = String.raw `      /* ---------- dash
           statsSlow = false;
           connected = false;
           decisionMade = false;
-          renderLocalLogin("Signed out locally. Connect EchoMem again to extract.");
+          renderForensicReport("Signed out locally. Connect EchoMem again to extract.");
         } catch (e) {
           decisionMade = false;
           renderLogoutIssue(e && e.message ? e.message : String(e));