@echomem/mcp 1.4.6 → 1.4.7

package/dist/hud/electron-main.js

@@ -12,6 +12,7 @@ const COLLAPSED_HEIGHT = 112;
 const EXPANDED_HEIGHT = 460;
 let hudServer = null;
 let mainWindow = null;
+const dragState = new Map();
 // Single-instance: a second `echomem-hud app` brings the existing HUD back instead of opening another.
 const gotSingleInstanceLock = app.requestSingleInstanceLock();
 if (!gotSingleInstanceLock)
@@ -31,6 +32,33 @@ app.whenReady().then(async () => {
         win.setBounds({ ...bounds, height });
         writeBounds(win);
     });
+    ipcMain.on("hud:drag-start", (event, payload) => {
+        const win = BrowserWindow.fromWebContents(event.sender);
+        if (!win)
+            return;
+        const point = dragPoint(payload);
+        if (!point)
+            return;
+        dragState.set(event.sender.id, { ...point, bounds: win.getBounds() });
+    });
+    ipcMain.on("hud:drag-move", (event, payload) => {
+        const win = BrowserWindow.fromWebContents(event.sender);
+        const state = dragState.get(event.sender.id);
+        const point = dragPoint(payload);
+        if (!win || !state || !point)
+            return;
+        win.setBounds({
+            ...state.bounds,
+            x: Math.round(state.bounds.x + point.startX - state.startX),
+            y: Math.round(state.bounds.y + point.startY - state.startY),
+        });
+    });
+    ipcMain.on("hud:drag-end", (event) => {
+        dragState.delete(event.sender.id);
+        const win = BrowserWindow.fromWebContents(event.sender);
+        if (win)
+            writeBounds(win);
+    });
     const preferredUrl = `http://127.0.0.1:${port}`;
     const onReveal = (filePath) => {
         try {
@@ -40,8 +68,16 @@ app.whenReady().then(async () => {
             /* best-effort */
         }
     };
+    const onOpenExternal = (externalUrl) => {
+        try {
+            shell.openExternal(externalUrl);
+        }
+        catch {
+            /* best-effort */
+        }
+    };
     try {
-        hudServer = await createHudServer({ mode, port, onReveal });
+        hudServer = await createHudServer({ mode, port, onReveal, onOpenExternal });
         createWindow(hudServer.url);
     }
     catch (error) {
@@ -49,7 +85,7 @@ app.whenReady().then(async () => {
             createWindow(preferredUrl);
             return;
         }
-        hudServer = await createHudServer({ mode, port: 0, onReveal });
+        hudServer = await createHudServer({ mode, port: 0, onReveal, onOpenExternal });
         createWindow(hudServer.url);
     }
 }).catch((error) => {
@@ -90,8 +126,11 @@ function createWindow(url) {
     }
     win.on("moved", () => writeBounds(win));
     mainWindow = win;
-    win.on("closed", () => { if (mainWindow === win)
-        mainWindow = null; });
+    win.on("closed", () => {
+        dragState.delete(win.webContents.id);
+        if (mainWindow === win)
+            mainWindow = null;
+    });
     win.webContents.on("context-menu", () => {
         const menu = Menu.buildFromTemplate([
             { label: "Hide for now", click: () => { if (!win.isDestroyed())
@@ -207,6 +246,11 @@ function writeBounds(win) {
     fs.mkdirSync(path.dirname(boundsPath()), { recursive: true });
     fs.writeFileSync(boundsPath(), JSON.stringify(b, null, 2));
 }
+function dragPoint(payload) {
+    const startX = typeof payload.screenX === "number" && Number.isFinite(payload.screenX) ? payload.screenX : null;
+    const startY = typeof payload.screenY === "number" && Number.isFinite(payload.screenY) ? payload.screenY : null;
+    return startX === null || startY === null ? null : { startX, startY };
+}
 function parseFlags(argv) {
     const parsed = {};
     for (let i = 0; i < argv.length; i += 1) {

package/dist/hud/preload.cjs

@@ -7,4 +7,13 @@ electron_1.contextBridge.exposeInMainWorld("echomemHud", {
     setOpen(open, height) {
         electron_1.ipcRenderer.send("hud:set-open", { open, height });
     },
+    startDrag(screenX, screenY) {
+        electron_1.ipcRenderer.send("hud:drag-start", { screenX, screenY });
+    },
+    moveDrag(screenX, screenY) {
+        electron_1.ipcRenderer.send("hud:drag-move", { screenX, screenY });
+    },
+    endDrag() {
+        electron_1.ipcRenderer.send("hud:drag-end");
+    },
 });

package/dist/hud/server.js

@@ -1,9 +1,12 @@
 import http from "node:http";
 import fs from "node:fs";
+import path from "node:path";
+import { execFileSync } from "node:child_process";
 import { fileURLToPath } from "node:url";
 import { HudMonitor } from "./monitor.js";
 import { HUD_HTML } from "./web.js";
 import { buildCapsuleText } from "./capsule.js";
+import { homePath } from "./fs.js";
 export async function createHudServer(opts = {}) {
     const mode = opts.mode || "auto";
     const port = opts.port ?? 17377;
@@ -47,6 +50,96 @@ export async function createHudServer(opts = {}) {
             res.end(JSON.stringify({ ok: true, pinned: id && id !== "auto" ? id : null }));
             return;
         }
+        if (url.pathname === "/viewer") {
+            const viewerPath = fileURLToPath(new URL("../../assets/hud/session-viewer.html", import.meta.url));
+            if (!fs.existsSync(viewerPath)) {
+                res.writeHead(404, { "content-type": "text/plain; charset=utf-8" });
+                res.end("session viewer not found");
+                return;
+            }
+            res.writeHead(200, { "content-type": "text/html; charset=utf-8" });
+            fs.createReadStream(viewerPath).pipe(res);
+            return;
+        }
+        if (url.pathname === "/session-raw") {
+            // Serve a tracked session's raw log so the viewer can fetch it same-origin. Path-validated.
+            const target = url.searchParams.get("path") || "";
+            const known = new Set([
+                ...(latest.recentSessions || []).map((s) => s.sourcePath),
+                ...(latest.sessions || []).map((s) => s.sourcePath),
+            ]);
+            if (!target || !known.has(target) || !fs.existsSync(target)) {
+                res.writeHead(404, { "content-type": "text/plain; charset=utf-8" });
+                res.end("not a tracked session");
+                return;
+            }
+            res.writeHead(200, { "content-type": "text/plain; charset=utf-8", "cache-control": "no-store" });
+            fs.createReadStream(target).pipe(res);
+            return;
+        }
+        if (url.pathname === "/session-payload") {
+            // The REAL context window: Codex logs each API request (websocket request:) in logs_2.sqlite.
+            // Return one payload per line (NDJSON) so the same viewer can render them like records.
+            const target = url.searchParams.get("path") || "";
+            const known = new Set([
+                ...(latest.recentSessions || []).map((s) => s.sourcePath),
+                ...(latest.sessions || []).map((s) => s.sourcePath),
+            ]);
+            res.writeHead(200, { "content-type": "text/plain; charset=utf-8", "cache-control": "no-store" });
+            if (!target || !known.has(target)) {
+                res.end(JSON.stringify({ note: "not a tracked session" }));
+                return;
+            }
+            // Real request payloads are only logged by Codex (logs_2.sqlite). Claude sessions have none.
+            if (!path.basename(target).startsWith("rollout-")) {
+                res.end(JSON.stringify({ note: "This is a Claude session — the real request payload (context window) is only recorded for Codex. Switch to a Codex tab in the HUD, then open the viewer." }));
+                return;
+            }
+            const uuid = (path.basename(target).match(/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/) || [])[0] || "";
+            const db = homePath(".codex", "logs_2.sqlite");
+            if (!uuid || !fs.existsSync(db)) {
+                res.end(JSON.stringify({ note: "no Codex request-payload log found (logs_2.sqlite missing or no thread id)" }));
+                return;
+            }
+            try {
+                const query = `SELECT feedback_log_body FROM logs WHERE thread_id='${uuid}' AND feedback_log_body LIKE '%websocket request: %' ORDER BY ts LIMIT 500;`;
+                const out = execFileSync("sqlite3", ["-json", db, query], { maxBuffer: 256 * 1024 * 1024 }).toString();
+                const rows = JSON.parse(out || "[]");
+                const lines = [];
+                for (const row of rows) {
+                    const body = row.feedback_log_body || "";
+                    const at = body.indexOf("websocket request: ");
+                    if (at < 0)
+                        continue;
+                    try {
+                        lines.push(JSON.stringify(JSON.parse(body.slice(at + "websocket request: ".length))));
+                    }
+                    catch {
+                        /* skip unparseable payload */
+                    }
+                }
+                res.end(lines.length ? lines.join("\n") : JSON.stringify({ note: "no request payloads found for this thread" }));
+            }
+            catch (error) {
+                res.end(JSON.stringify({ note: "payload query failed", error: error instanceof Error ? error.message : String(error) }));
+            }
+            return;
+        }
+        if (url.pathname === "/open-viewer") {
+            const target = url.searchParams.get("path") || "";
+            const known = new Set([
+                ...(latest.recentSessions || []).map((s) => s.sourcePath),
+                ...(latest.sessions || []).map((s) => s.sourcePath),
+            ]);
+            const canOpen = Boolean(target) && known.has(target) && typeof opts.onOpenExternal === "function";
+            if (canOpen) {
+                const host = req.headers.host || `127.0.0.1:${port}`;
+                opts.onOpenExternal(`http://${host}/viewer?path=${encodeURIComponent(target)}`);
+            }
+            res.writeHead(200, { "content-type": "application/json" });
+            res.end(JSON.stringify({ ok: canOpen, reason: canOpen ? undefined : opts.onOpenExternal ? "unknown_path" : "no_desktop" }));
+            return;
+        }
         if (url.pathname === "/reveal") {
             const target = url.searchParams.get("path") || "";
             // Only reveal paths we actually track — never open an arbitrary path from a query string.

package/dist/hud/web.js

@@ -37,12 +37,14 @@ export const HUD_HTML = String.raw `<!doctype html>
         width: min(360px, calc(100vw - 16px));
         background: transparent;
         -webkit-font-smoothing: antialiased;
+        cursor: grab;
       }
+      #hud.dragging { cursor: grabbing; }
       .glance {
         position: relative;
         height: 112px;
         user-select: none;
-        cursor: default;
+        cursor: grab;
       }
       .drag {
         position: absolute;
@@ -51,8 +53,8 @@ export const HUD_HTML = String.raw `<!doctype html>
         width: 20px;
         height: 32px;
         border-radius: 8px;
-        -webkit-app-region: drag;
         opacity: 0.78;
+        pointer-events: none;
         z-index: 5;
       }
       .drag::before {
@@ -75,7 +77,7 @@ export const HUD_HTML = String.raw `<!doctype html>
         height: 70px;
         overflow: hidden;
         border-radius: 18px;
-        transition: filter 0.45s ease;
+        transition: filter 0.45s ease, transform 0.18s ease;
       }
       @keyframes echo-bob {
         0%, 100% { transform: translateY(0); }
@@ -106,6 +108,7 @@ export const HUD_HTML = String.raw `<!doctype html>
         border-radius: 34px;
         background: #fdfaf2;
         filter: var(--shadow);
+        transition: border-color 0.18s ease, background 0.18s ease, filter 0.18s ease;
       }
       .status-bubble::after {
         content: "";
@@ -177,6 +180,7 @@ export const HUD_HTML = String.raw `<!doctype html>
         background: var(--card);
         color: var(--ink);
         filter: var(--shadow);
+        cursor: grab;
       }
       #hud.open .details { display: block; }
       .head {
@@ -387,6 +391,29 @@ export const HUD_HTML = String.raw `<!doctype html>
       #hud.s-red .mascot-stage { filter: drop-shadow(0 3px 8px rgba(199, 55, 47, 0.48)); }
       #hud.s-amber .mascot { animation-duration: 5.6s; }
       #hud.s-red .mascot { animation-duration: 6.8s; }
+      #hud:hover .status-bubble {
+        border-color: rgba(26, 58, 143, 0.96);
+        background: #fff7e8;
+        filter: drop-shadow(0 3px 10px rgba(26, 58, 143, 0.18));
+      }
+      #hud:hover .drag::before {
+        background: rgba(26, 58, 143, 0.72);
+        box-shadow: 0 10px 0 rgba(26, 58, 143, 0.72), 10px 0 0 rgba(26, 58, 143, 0.72), 10px 10px 0 rgba(26, 58, 143, 0.72);
+      }
+      #hud:hover .mascot-stage { transform: translateY(-1px); }
+      #hud.dragging .glance,
+      #hud.dragging .details,
+      #hud.dragging button { cursor: grabbing; }
+      #hud.dragging .status-bubble {
+        border-color: rgba(199, 55, 47, 0.86);
+        background: #fff1df;
+        filter: drop-shadow(0 4px 12px rgba(199, 55, 47, 0.22));
+      }
+      #hud.dragging .drag::before {
+        background: rgba(199, 55, 47, 0.92);
+        box-shadow: 0 10px 0 rgba(199, 55, 47, 0.92), 10px 0 0 rgba(199, 55, 47, 0.92), 10px 10px 0 rgba(199, 55, 47, 0.92);
+      }
+      #hud.dragging .mascot-stage { transform: translateY(-2px) scale(1.02); }
     </style>
   </head>
   <body>
@@ -429,7 +456,7 @@ export const HUD_HTML = String.raw `<!doctype html>
         </div>
         <div class="meta" id="meta"></div>
         <div class="path" id="path"></div>
-        <button class="reveal" id="reveal" style="display:none">↗ Reveal session log in Finder</button>
+        <button class="reveal" id="reveal" style="display:none">↗ Open session in viewer</button>
         <div class="missing" id="missing"></div>
       </div>
     </section>
@@ -468,11 +495,53 @@ export const HUD_HTML = String.raw `<!doctype html>
       let activityEpoch = null;
       let lastState = null;
       let currentSrc = null;
+      let hudDrag = null;
+      let suppressNextToggle = false;
+      const dragBlockSelector = "button, input, textarea, select, a, pre, .tab, .switchbtn, .reveal, .renew-btn, .copy-btn";
+
+      hud.addEventListener("pointerdown", beginHudDrag);
+      window.addEventListener("pointermove", moveHudDrag);
+      window.addEventListener("pointerup", endHudDrag);
+      window.addEventListener("pointercancel", endHudDrag);
+
+      function beginHudDrag(event) {
+        if (event.button !== 0 || !(event.target instanceof HTMLElement)) return;
+        if (event.target.closest(dragBlockSelector)) return;
+        if (!window.echomemHud || typeof window.echomemHud.startDrag !== "function") return;
+        hudDrag = { pointerId: event.pointerId, startX: event.screenX, startY: event.screenY, moved: false };
+        try { hud.setPointerCapture(event.pointerId); } catch {}
+        window.echomemHud.startDrag(event.screenX, event.screenY);
+      }
+
+      function moveHudDrag(event) {
+        if (!hudDrag || event.pointerId !== hudDrag.pointerId) return;
+        if (!window.echomemHud || typeof window.echomemHud.moveDrag !== "function") return;
+        const dx = event.screenX - hudDrag.startX;
+        const dy = event.screenY - hudDrag.startY;
+        if (!hudDrag.moved && Math.hypot(dx, dy) < 3) return;
+        hudDrag.moved = true;
+        hud.classList.add("dragging");
+        window.echomemHud.moveDrag(event.screenX, event.screenY);
+        event.preventDefault();
+      }
+
+      function endHudDrag(event) {
+        if (!hudDrag || event.pointerId !== hudDrag.pointerId) return;
+        const moved = hudDrag.moved;
+        hudDrag = null;
+        hud.classList.remove("dragging");
+        try { hud.releasePointerCapture(event.pointerId); } catch {}
+        if (window.echomemHud && typeof window.echomemHud.endDrag === "function") window.echomemHud.endDrag();
+        if (moved) {
+          suppressNextToggle = true;
+          setTimeout(() => { suppressNextToggle = false; }, 180);
+        }
+      }
 
-      // Reveal the active session's log file in Finder (Electron only; no-op in browser mode).
+      // Open the active session in the session viewer (Electron opens the browser; no-op otherwise).
       if (revealEl) revealEl.addEventListener("click", () => {
         if (!currentSrc) return;
-        fetch("/reveal?path=" + encodeURIComponent(currentSrc)).catch(() => {});
+        fetch("/open-viewer?path=" + encodeURIComponent(currentSrc)).catch(() => {});
       });
 
       // Circular top-right toggle: jump to the next agent's newest session (Claude ⇄ Codex).
@@ -507,7 +576,13 @@ export const HUD_HTML = String.raw `<!doctype html>
       });
 
       document.getElementById("toggle").addEventListener("click", (event) => {
-        if (event.target instanceof HTMLElement && (event.target.closest(".drag") || event.target.closest(".switchbtn"))) return;
+        if (suppressNextToggle) {
+          suppressNextToggle = false;
+          event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+        if (event.target instanceof HTMLElement && event.target.closest(".switchbtn")) return;
         hud.classList.toggle("open");
         syncHeight();
       });