@echomem/mcp 1.4.9 → 1.4.12

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

@@ -0,0 +1,550 @@
+// 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 || canonicalSessions !== sessions || canonicalInput <= 0 || skipped !== 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) {
+        report = null;
+        reportEnvelope = null;
+        resetReportSurface();
+        setHead("Your local report could not be shown", "Needs attention");
+        app.className = "loading-panel";
+        app.innerHTML =
+          '<div style="padding:24px" data-report-state="failed">' +
+            '<h2>No backup or sample data was shown</h2>' +
+            '<p class="helper" style="margin-top:10px">' + esc(message || "The local scan did not produce a report that passed validation.") + '</p>' +
+            '<div class="warning" style="margin-top:16px;margin-bottom:0"><strong>Error ' + esc(code || "REPORT_FAILED") + '</strong><br />Close this tab, check the terminal, and run <code>echomem-mcp init</code> again.</div>' +
+          '</div>';
+      }
+      function renderEmptyReport() {
+        report = null;
+        reportEnvelope = null;
+        resetReportSurface();
+        setHead("No local coding history found", "Local scan complete");
+        app.className = "loading-panel";
+        app.innerHTML =
+          '<div style="padding:24px" data-report-state="empty">' +
+            '<h2>There is no local Codex or Claude Code history to analyze yet</h2>' +
+            '<p class="helper" style="margin-top:10px">Echo checked this machine and found no supported sessions with token usage. Start a coding session, then run <code>echomem-mcp init</code> again.</p>' +
+            '<p class="helper" style="margin-top:10px"><strong>No demo data, percentages, savings, persona, or city was substituted.</strong></p>' +
+          '</div>';
+      }
+      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 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 =
+          '<div style="padding:24px"><h2>Echo on this machine did not answer</h2>' +
+          '<p class="helper">Keep the terminal open and retry. If the command exited, close this tab and run echomem-mcp init again.</p>' +
+          (error ? '<div class="warning" style="margin-top:16px;margin-bottom:0">' + esc(error) + '</div>' : '') +
+          '<div class="actions"><button id="logout" class="secondary">Retry sign out</button></div></div>';
+        var lo = document.getElementById("logout"); if (lo) lo.onclick = localLogout;
+      }
+      async function waitForConnection() {
+        if (connectionPollStarted) return;
+        connectionPollStarted = true;
+        try {
+          for (;;) {
+            if (decisionMade) return;
+            try {
+              var cfg = await getJson("/config");
+              authUrl = cfg.authUrl || authUrl;
+              if (cfg.connected) { connected = true; closeAuthWindow(); await waitForStats(); return; }
+            } catch (_) {}
+            await sleep(900);
+          }
+        } finally { connectionPollStarted = false; }
+      }
+      function startConnectionPoll() { void waitForConnection(); }
+      async function waitForStats() {
+        if (statsPollStarted) return;
+        statsPollStarted = true;
+        // Use the same one-reading-line stage as the partial scan state. This avoids a jarring
+        // old setup shell between device approval and the ready decision.
+        renderDashboard();
+        try {
+          var started = Date.now();
+          var lastError = "";
+          for (;;) {
+            if (decisionMade) return;
+            try {
+              var res = await fetchWithTimeout("/stats?nonce=" + encodeURIComponent(nonce), { credentials: "omit" }, 3000);
+              if (res.status === 200) {
+                stats = await res.json();
+                if (decisionMade) return;
+                renderDashboard();
+                if (stats && stats.partial) { await sleep(1200); continue; }
+                return;
+              }
+              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) 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 renderDashboard(error) {
+        setCityMode(false);
+        setExtractMode(false);
+        setReadyMode(true);
+        var migratable = stats && stats.migratable ? stats.migratable : {};
+        var pending = stats && stats.migratable ? stats.migratable.pending : null;
+        var hasPendingCount = typeof pending === "number";
+        var discovery = stats && stats.discovery ? stats.discovery : {};
+        var isPartial = !!(stats && stats.partial);
+        var localScanReady = !isPartial || discovery.phase === "exact" || discovery.phase === "full";
+        var eta = migratable && migratable.eta ? migratable.eta : {};
+        var skippedActive = typeof migratable.skippedActive === "number" ? migratable.skippedActive : 0;
+        var sessions = stats && stats.sessions ? stats.sessions : {};
+        // The "quick" phase counts only this device's local ledger; it does not know what the account
+        // already imported elsewhere, so it over-counts (e.g. 10). The count is only trustworthy after the
+        // account check (phase "account"/"exact"/"full"), which corrects it (e.g. 3). Until then we show a
+        // "counting" state with no number, so the user never sees the count jump down.
+        var pendingTrusted = hasPendingCount && !!discovery.phase && discovery.phase !== "quick";
+        var knownDone = pendingTrusted && pending === 0;
+        var canExtract = pendingTrusted && pending > 0;
+        var pendN = hasPendingCount ? pending : 0;
+        var etaLabel = eta.estimatedLabel || migratable.estimatedLabel || "a couple of minutes";
+        var pendingCodex = typeof migratable.pendingCodex === "number" ? migratable.pendingCodex : null;
+        var pendingClaudeCode = typeof migratable.pendingClaudeCode === "number" ? migratable.pendingClaudeCode : null;
+        setHead("Turn coding history into memory", pendingTrusted ? (knownDone ? "Done" : "Ready") : (localScanReady ? "Ready" : "Scanning"));
+        var headline = !pendingTrusted
+          ? "Counting your new conversations…"
+          : (knownDone ? "You are all caught up." : "Echo found " + number(pendN) + " new coding session" + (pendN === 1 ? "" : "s") + ".");
+        var sub = !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.")
+            : "Turn them into memory your agents can recall: decisions, fixes, and where you left off. No more re-explaining your project every session.");
+        var extractLabel = !pendingTrusted ? "Counting…" : (canExtract ? "Start extraction" : "All caught up");
+        // 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;
+          app.className = "";
+          // One reading line, top to bottom: the find (headline) → the value (sub) → quiet proof
+          // (source strip) → the single action with its reassurances attached → optional detail.
+          // The 19/9 split is EVIDENCE ("Echo scanned MY machine"), not data to study — so it is a
+          // one-line strip, not stat cards; the ETA is a commitment-moment note under the button,
+          // not a display-size headline.
+          app.innerHTML =
+            '<div id="exBanner"></div>' +
+            '<section class="readyDecision">' +
+              '<div class="readyHero">' +
+                '<img class="readyMascot" src="/hud-assets/echo-face-cutout.png" alt="" />' +
+                '<div class="exCopy">' +
+                  '<h2 id="exHeadline"></h2>' +
+                  '<p class="exSub" id="exSub"></p>' +
+                '</div>' +
+              '</div>' +
+              '<div class="proofStrip" id="exSources"></div>' +
+              '<div class="readyGo">' +
+                '<div class="actions">' +
+                  '<button id="migrate" class="primary"></button>' +
+                '</div>' +
+                '<p class="ctaMeta" id="exEta"></p>' +
+              '</div>' +
+              '<div class="readyFoot">' +
+                '<details class="readyExplain" id="readyExplain"></details>' +
+              '</div>' +
+            '</section>';
+          document.getElementById("migrate").onclick = startMigrate;
+          dashMounted = true;
+        }
+        document.getElementById("exBanner").innerHTML =
+          (statsSlow && !stats ? '<div class="warning">Local counts are taking longer than expected. You can still ask Echo to extract anything unprocessed.</div>' : '') +
+          (error ? '<div class="error">' + esc(error) + '</div>' : '');
+        document.getElementById("exHeadline").textContent = headline;
+        document.getElementById("exSub").textContent = sub;
+        var codexN = pendingTrusted && pendingCodex !== null ? pendingCodex : (sessions.codex || 0);
+        var claudeN = pendingTrusted && pendingClaudeCode !== null ? pendingClaudeCode : (sessions.claudeCode || 0);
+        var alreadyN = Math.max(0, (sessions.total || 0) - pendN);
+        // Proof strip: one quiet line of evidence that the scan is real. Hidden when there is nothing to show.
+        var srcIcon = function (id, fallback) {
+          return '<span class="pfIcon"><img src="/agent-icons/' + id + '.png" alt="" onerror="this.style.display=&quot;none&quot;;this.nextElementSibling.style.display=&quot;grid&quot;;" /><span class="pfFallback">' + fallback + '</span></span>';
+        };
+        document.getElementById("exSources").innerHTML = !pendingTrusted
+          ? '<span class="pfNote">Scanning local history&hellip;</span>'
+          : (canExtract
+              ? '<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="pfNote">found on this Mac</span>'
+              : "");
+        // Reassurances live at the moment of commitment — right under the button.
+        document.getElementById("exEta").innerHTML = pendingTrusted
+          ? (canExtract
+              ? '<span class="cm">&asymp; ' + esc(etaLabel) + '</span><span class="cmDot">&middot;</span><span class="cm">runs locally</span>' + (alreadyN ? '<span class="cmDot">&middot;</span><span class="cm">' + esc(number(alreadyN)) + ' already-saved skipped</span>' : '')
+              : 'Nothing new to extract right now.')
+          : 'Echo is checking local history against saved memory&hellip;';
+        document.getElementById("readyExplain").innerHTML =
+          '<summary>What exactly happens?</summary>' +
+          '<p>A coding session is a local Codex or Claude Code transcript from this Mac. Echo extracts compact memories from it, not a full chat replay.</p>' +
+          '<div class="readySteps">' +
+            '<div class="readyStep"><strong>Read locally</strong><span>Echo scans session logs on this device.</span></div>' +
+            '<div class="readyStep"><strong>Skip repeats</strong><span>Anything already in memory is ignored.</span></div>' +
+            '<div class="readyStep"><strong>Save memory</strong><span>Decisions, fixes, context, and next steps become searchable.</span></div>' +
+          '</div>';
+        // While still counting, hide the primary button entirely; the headline + source split
+        // already say it is working, and the ready state should present one clear action.
+        var migrateBtn = document.getElementById("migrate");
+        if (pendingTrusted) {
+          migrateBtn.style.display = "";
+          migrateBtn.disabled = false;
+          migrateBtn.textContent = canExtract ? extractLabel : "Finish setup";
+          migrateBtn.onclick = canExtract ? startMigrate : skip;
+        } else {
+          migrateBtn.style.display = "none";
+        }
+      }
+      async function startMigrate() {
+        if (decisionMade) return;
+        decisionMade = true;
+        extractionEnded = false;
+        setCityMode(false);
+        setHead("Extracting", "Starting");
+        app.className = "";
+        app.innerHTML = '<div class="miniLoad"><h2>Starting extraction</h2><p>Echo is sizing the remaining jobs, then imports automatically. Finished work is saved as it goes.</p><div class="miniBar"><i></i></div></div>';
+        try {
+          var started = await postJson("/migrate", {});
+          extractMounted = false;
+          renderProgress(Object.assign({ status: "starting", completed: 0, failed: 0, extracted: 0 }, started));
+          await pollProgress();
+        } catch (e) {
+          decisionMade = false;
+          renderDashboard(routeError(e && e.message));
+        }
+      }
+      async function pollProgress() {
+        for (;;) {
+          if (extractionEnded) return;
+          var progress = await getJson("/progress");
+          if (extractionEnded) return;
+          renderProgress(progress);
+          if (progress.status === "completed" || progress.status === "failed") return;
+          await sleep(1200);
+        }
+      }
+      function renderProgress(progress) {
+        if (extractionEnded) return;
+        setCityMode(false);
+        setExtractMode(true);
+        var status = progress.status;
+        var done = status === "completed";
+        var stopped = status === "failed";
+        var total = progress.total || progress.jobCount || 0;
+        var completed = progress.completed || 0;
+        var failed = progress.failed || 0;
+        var extracted = progress.extracted || 0;
+        var pct = total > 0 ? Math.round((completed / total) * 100) : (done ? 100 : 0);
+        var preparing = (status === "starting" || status === "preparing");
+        app.className = "";
+        // 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 =
+            '<section class="exHero"><div class="exCopy" id="exText"></div>' +
+            plateBlock() +
+            '</section>';
+          extractMounted = true;
+        }
+        var shell = app.querySelector(".exHero");
+        if (shell) {
+          shell.classList.toggle("exHeroResult", done || stopped);
+          shell.classList.toggle("exHeroActive", !done && !stopped);
+        }
+        var t = document.getElementById("exText");
+        if (!t) return;
+        if (done || stopped) {
+          setHead(done ? "Memory captured" : "Extraction stopped", done ? "Done" : "Needs attention");
+          var memoryNoun = extracted === 1 ? "new memory" : "new memories";
+          var savedMemoryLabel = extracted === 1 ? "memory saved" : "memories saved";
+          var conversationNoun = completed === 1 ? "conversation" : "conversations";
+          var timelineUrl = "https://yeahecho.com/memories/timeline";
+          var stopDetail = String(progress.error) === "key-expired"
+            ? "Your encryption key was not accepted. Re-run extraction; if it keeps failing, run <code>echomem-mcp unlock</code> first. Already-done conversations are skipped."
+            : esc(progress.error || "Re-run extraction to finish the rest. Already-done conversations are skipped.");
+          t.innerHTML =
+            '<div class="resultStage ' + (done ? "ok" : "warn") + '">' +
+              (done ? "" : '<p class="kicker-mono">Extraction stopped</p>') +
+              '<div class="resultTop">' +
+                '<div>' +
+                  (done
+                    ? '<h2 class="savedHeading"><span class="savedMain"><strong>' + esc(number(extracted)) + '</strong> ' + esc(savedMemoryLabel) + '</span><a class="viewEchoLink" href="' + timelineUrl + '" target="_blank" rel="noopener noreferrer">(view in yeahecho)</a></h2>'
+                    : '<h2>Some conversations need another pass.</h2>' +
+                      '<p class="exSub">' + stopDetail + '</p>' +
+                      '<div class="resultNumber"><strong>' + esc(number(extracted)) + '</strong><span>' + esc(memoryNoun) + '</span></div>') +
+                '</div>' +
+              '</div>' +
+              (done ? tryItCard() : "") +
+              (done ? "" :
+                '<div class="memoryReceipt">' +
+                  '<p class="receiptK">What just happened</p>' +
+                  '<div class="finishStats">' +
+                    '<div class="finishStat"><strong>' + esc(number(completed)) + '</strong><span>' + esc(conversationNoun) + ' extracted</span></div>' +
+                    '<div class="finishStat"><strong>' + esc(number(extracted)) + '</strong><span>memories ready</span></div>' +
+                  '</div>' +
+                '</div>') +
+            '</div>' +
+            (done ? hudTip() + doneCloseNote() : "");
+          wireTryButtons();
+          return;
+        }
+        setHead(preparing ? "Preparing" : "Extracting", preparing ? "Preparing" : "Extracting");
+        var checkingEdgeCases = failed > 0 && !preparing;
+        var statusLine = checkingEdgeCases
+          ? "Finishing a few checks without stopping the import."
+          : (progress.latest ? (progress.latest + (progress.latestRepo ? " · " + progress.latestRepo : "")) : (preparing ? "Getting your sessions ready locally…" : "Importing the next batch…"));
+        // Honest countdown: first ETA from batch size (throughput is rate-capped ≈ 26/min), then
+        // refined from the observed rate. Blowing past the FIRST estimate flips on the reassurance banner.
+        var countdownHtml = "";
+        var overdueHtml = "";
+        if (!preparing && total > 0) {
+          var now = Date.now();
+          if (!exStartAt) { exStartAt = now; exDeadline = now + Math.max(60, total * 2.6) * 1000; }
+          var elapsed = (now - exStartAt) / 1000;
+          var remainSec;
+          if (completed >= 5 && elapsed > 20) remainSec = (total - completed) / (completed / elapsed);
+          else remainSec = Math.max(0, (exDeadline - now) / 1000);
+          if (now > exDeadline) {
+            overdueHtml = '<div class="exOverdue"><strong>Taking longer than expected. Still working.</strong>' +
+              'Everything already processed is saved. Ending now is safe; the next run resumes from the remaining conversations.</div>';
+          } else {
+            countdownHtml = '<p class="extractFacts"><strong>' + esc(fmtCountdown(remainSec)) + '</strong> left · saved as it goes · safe to end and resume</p>';
+          }
+        }
+        t.innerHTML =
+          '<div class="workbench">' +
+            '<h2>' + (preparing ? "Setting up the import." : "Building your memory.") + '</h2>' +
+            '<div class="exMeter"><strong>' + (preparing ? "Local" : esc(number(pct)) + "%") + '</strong><span>' + (preparing ? "sizing sessions" : (total ? esc(number(completed)) + " of " + esc(number(total)) + " conversations" : "starting")) + '</span></div>' +
+            '<div class="track' + (preparing ? " indef" : "") + '"><div class="fill"' + (preparing ? "" : ' style="width:' + pct + '%"') + '></div></div>' +
+            '<p class="exSub">' + esc(number(extracted)) + ' ' + (extracted === 1 ? "memory" : "memories") + ' captured' + (checkingEdgeCases ? ' · finishing checks' : "") + '.</p>' +
+            '<div class="exCurrent"><i></i><div><span>Now handling</span><strong>' + esc(statusLine) + '</strong></div></div>' +
+            countdownHtml + overdueHtml +
+            '<div class="extractEndRow"><button type="button" class="secondary" id="endExtraction">End for now</button><span>Ends cleanly; next time continues from saved work.</span></div>' +
+            '<p class="exHint">You can step away from this page. Echo saves each finished conversation as it goes.</p>' +
+          '</div>';
+        var endBtn = document.getElementById("endExtraction");
+        if (endBtn) endBtn.onclick = endExtraction;
+      }
+      function fmtCountdown(sec) {
+        sec = Math.max(0, Math.round(sec));
+        var m = Math.floor(sec / 60), s = sec % 60;
+        if (m >= 60) { var h = Math.floor(m / 60); return h + "h " + (m % 60) + "m"; }
+        return m > 0 ? m + "m " + s + "s" : s + "s";
+      }
+      function recallPrompt() {
+        return "Warm up from EchoMem: call search_memories for what I have been working on recently, then give me a 5-line recap of my current projects and where each one stands, so we can pick up right where I left off. If this is Codex or Claude Code, open the EchoMem context HUD by running echomem-hud app. Use the HUD's context-health score to tell me when to renew into a fresh session and carry a checkpoint forward. As we work, when we make a decision, finish a fix, or hit a milestone, save it with save_conversation. Use this prompt in Codex, Claude Code, or Claude Desktop; if you are in another chat surface, tell me EchoMem tools may not be available here.";
+      }
+      function setLaunchStatus(message) {
+        var node = document.getElementById("launchStatus");
+        if (node) node.textContent = message || "";
+      }
+      async function copyRecallPrompt() {
+        var prompt = recallPrompt();
+        try {
+          await navigator.clipboard.writeText(prompt);
+          return true;
+        } catch (_) {
+          return false;
+        }
+      }
+      async function copyPromptOnly() {
+        var copied = await copyRecallPrompt();
+        var copyBtn = document.getElementById("tryCopy");
+        if (copyBtn && copied) {
+          copyBtn.textContent = "Copied";
+          window.setTimeout(function () { copyBtn.textContent = "Copy prompt"; }, 1600);
+        }
+        setLaunchStatus(copied ? "Prompt copied." : "Could not copy automatically. Select the prompt and copy it.");
+      }
+      function codexDeepLink(prompt) {
+        var q = "prompt=" + encodeURIComponent(prompt);
+        if (workspacePath) q += "&path=" + encodeURIComponent(workspacePath);
+        return "codex://new?" + q;
+      }
+      async function tryInCodex() {
+        var prompt = recallPrompt();
+        var copied = await copyRecallPrompt();
+        setLaunchStatus(copied ? "Copied prompt. Opening Codex..." : "Opening Codex. If the prompt is empty, copy it manually.");
+        window.location.href = codexDeepLink(prompt);
+      }
+      async function openClaudeDesktop() {
+        var copied = await copyRecallPrompt();
+        setLaunchStatus(copied ? "Copied prompt. Opening Claude Desktop..." : "Opening Claude Desktop. If the prompt is empty, copy it manually.");
+        try {
+          var res = await postJson("/launch-agent", { agent: "claude-desktop" }, 8000);
+          setLaunchStatus(res && res.message ? res.message : "Prompt copied. Paste it into Claude Desktop.");
+        } catch (error) {
+          var msg = error && error.message ? error.message : "Could not auto-open Claude.";
+          if (msg.indexOf("prompt") === -1 && msg.indexOf("Prompt") === -1) msg += " The prompt is copied - open Claude Desktop and paste it.";
+          setLaunchStatus(msg);
+        }
+      }
+      function tryItCard() {
+        var prompt = recallPrompt();
+        return '<div class="tryCard">' +
+          '<h3 class="tryTitle">Echo MCP now available to use</h3>' +
+          '<div class="promptShell">' +
+            '<div class="promptControls">' +
+              '<button type="button" id="tryCopy" class="promptCopyLabel">Copy prompt</button>' +
+            '</div>' +
+            '<pre id="tryPrompt">' + esc(prompt) + '</pre>' +
+          '</div>' +
+          '<div class="agentLaunch" aria-label="Open in a coding agent">' +
+            '<button type="button" id="tryCodex"><span class="agentIcon"><img src="/agent-icons/codex.png" alt="" onerror="this.style.display=&quot;none&quot;;this.nextElementSibling.style.display=&quot;grid&quot;;" /><span class="agentFallback">CX</span></span><span class="agentText"><strong>Try in Codex</strong><small>copy prompt + open session</small></span></button>' +
+            '<button type="button" id="tryClaudeDesktop"><span class="agentIcon"><img src="/agent-icons/claude-desktop.png" alt="" onerror="this.style.display=&quot;none&quot;;this.nextElementSibling.style.display=&quot;grid&quot;;" /><span class="agentFallback">CL</span></span><span class="agentText"><strong>Open Claude Desktop</strong><small>copy prompt + open app</small></span></button>' +
+          '</div>' +
+          '<p class="launchStatus" id="launchStatus"></p>' +
+          '</div>';
+      }
+      function wireTryButtons() {
+        var copyBtn = document.getElementById("tryCopy");
+        if (copyBtn) copyBtn.addEventListener("click", copyPromptOnly);
+        var codexBtn = document.getElementById("tryCodex");
+        if (codexBtn) codexBtn.addEventListener("click", tryInCodex);
+        var claudeBtn = document.getElementById("tryClaudeDesktop");
+        if (claudeBtn) claudeBtn.addEventListener("click", openClaudeDesktop);
+      }
+      function hudTip() {
+        return '<p class="hudTip"><img src="/hud-assets/echo-face-cutout.png" alt="" /><span><strong>Live HUD:</strong> Echo watches the context window while you work. When the score drifts low, start a fresh session and carry the checkpoint forward. In Codex or Claude Code, ask &ldquo;<strong>open the EchoMem HUD</strong>&rdquo; or run <code>echomem-hud app</code>.</span></p>';
+      }
+      function doneCloseNote() {
+        return '<p class="doneCloseNote">You can safely close this page. EchoMem is set up, and your memories are saved.</p>';
+      }
+      function renderEnding() {
+        setCityMode(false);
+        setExtractMode(true);
+        setHead("Ending extraction", "Ending");
+        app.className = "";
+        app.innerHTML =
+          '<div class="miniLoad" style="margin:0 auto;text-align:center;place-items:center">' +
+            '<h2>Ending cleanly</h2>' +
+            '<p>Give Echo a moment to mark this setup as finished for now. Everything already captured stays saved.</p>' +
+            '<div class="miniBar"><i></i></div>' +
+          '</div>';
+      }
+      function renderSkipped() {
+        setCityMode(false);
+        setExtractMode(true);
+        setHead("Setup paused", "Skipped");
+        app.className = "";
+        app.innerHTML =
+          '<div class="skipStage">' +
+            '<span class="seal">Skipped for now</span>' +
+            '<h2>You can come back anytime.</h2>' +
+            '<p>Echo saved what already finished. When you are ready, run <code>echomem-mcp init</code> again — it picks up right where it left off.</p>' +
+            tryItCard() +
+            hudTip() +
+          '</div>';
+        wireTryButtons();
+      }
+      async function endExtraction() {
+        if (extractionEnded) return;
+        var ok = window.confirm("End extraction for now? You can come back anytime. Everything already captured stays saved, and the next run continues from what remains.");
+        if (!ok) return;
+        extractionEnded = true;
+        renderEnding();
+        try {
+          await postJson("/skip", {});
+        } catch (_) {
+          /* The bridge may close while ending; the local page can still show the paused state. */
+        }
+        await sleep(650);
+        renderSkipped();
+      }
+      async function skip() {
+        if (decisionMade) return;
+        decisionMade = true;
+        try {
+          await postJson("/skip", {});
+          renderSkipped();
+        } catch (e) {
+          decisionMade = false;
+          renderDashboard(e && e.message);
+        }
+      }
+      async function localLogout() {
+        if (decisionMade) return;
+        decisionMade = true;
+        renderLogoutPending();
+        try {
+          await postJson("/logout", {}, 12000);
+          stats = null;
+          statsSlow = false;
+          connected = false;
+          decisionMade = false;
+          renderForensicReport("Signed out locally. Connect EchoMem again to extract.");
+        } catch (e) {
+          decisionMade = false;
+          renderLogoutIssue(e && e.message ? e.message : String(e));
+        }
+      }
+
+`;