claude-code-memory-explorer 0.14.0 → 0.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-memory-explorer",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": "Memory explorer dashboard for Claude Code",
   "main": "server.js",
   "bin": {

package/public/app.js

@@ -4,7 +4,7 @@ let projectData = null;
 let stackData = [];
 let summaryData = null;
 let selectedFileId = null;
-let healthViewOpen = true; // health dashboard is the default view; selecting a file exits it
+let healthViewOpen = false; // opt-in view; the Analyze button toggles it, selecting a file exits it
 
 // #endregion STATE
 
@@ -209,6 +209,8 @@ async function loadProject() {
 // Shared by the project picker, the boot restore, and the hub project shim. Throws with the
 // server's error message so callers can surface it directly.
 async function putProject(dirPath) {
+  // Recents can only be written under the right key once the config dir is known.
+  await projectInfoPromise;
   const res = await fetch('/api/project', {
     method: 'PUT',
     headers: { 'Content-Type': 'application/json' },
@@ -248,10 +250,40 @@ async function submitProjectPicker() {
 }
 
 const RECENT_PROJECTS_MAX = 20;
+const LEGACY_RECENTS_KEY = 'recentProjects';
+
+// Under the hub every config dir's memory app is proxied on one public port, so localStorage is
+// shared between them. Recents are keyed by config dir to keep each one's project separate.
+let claudeConfigDir = '';
+// Retries like the initial load below: in a hub iframe the server may not answer yet.
+const projectInfoPromise = (async () => {
+  for (let attempt = 0; attempt < 5; attempt++) {
+    try {
+      const info = await fetchJSON('/api/project');
+      claudeConfigDir = info.configDir || '';
+      migrateLegacyRecents();
+      return info;
+    } catch {
+      await new Promise((r) => setTimeout(r, 500));
+    }
+  }
+  return {};
+})();
+
+function recentsKey() {
+  return claudeConfigDir ? `${LEGACY_RECENTS_KEY}::${claudeConfigDir}` : LEGACY_RECENTS_KEY;
+}
+
+function migrateLegacyRecents() {
+  const legacy = localStorage.getItem(LEGACY_RECENTS_KEY);
+  if (!legacy || !claudeConfigDir) return;
+  if (!localStorage.getItem(recentsKey())) localStorage.setItem(recentsKey(), legacy);
+  localStorage.removeItem(LEGACY_RECENTS_KEY);
+}
 
 function getRecentProjects() {
   try {
-    return JSON.parse(localStorage.getItem('recentProjects') || '[]');
+    return JSON.parse(localStorage.getItem(recentsKey()) || '[]');
   } catch {
     return [];
   }
@@ -260,7 +292,7 @@ function getRecentProjects() {
 function addRecentProject(p) {
   const recent = getRecentProjects().filter((r) => r !== p);
   recent.unshift(p);
-  localStorage.setItem('recentProjects', JSON.stringify(recent.slice(0, RECENT_PROJECTS_MAX)));
+  localStorage.setItem(recentsKey(), JSON.stringify(recent.slice(0, RECENT_PROJECTS_MAX)));
 }
 
 // The recents list is the switcher; typing a path is the secondary act behind "+ Add path".
@@ -330,7 +362,7 @@ function _removeRecentProject(idx, e) {
   e.stopPropagation();
   const target = pickerRows[idx];
   if (!target) return;
-  localStorage.setItem('recentProjects', JSON.stringify(getRecentProjects().filter((p) => p !== target)));
+  localStorage.setItem(recentsKey(), JSON.stringify(getRecentProjects().filter((p) => p !== target)));
   renderProjectPicker();
 }
 
@@ -356,6 +388,9 @@ function initProjectPicker() {
     e.preventDefault();
     e.stopPropagation();
   });
+  const modal = document.getElementById('projectPickerModal');
+  onEscapeBlur(filter, modal, () => closeModal('projectPickerModal'));
+  onEscapeBlur(document.getElementById('projectPathInput'), modal, () => setPickerMode(false));
 }
 
 // #endregion PROJECT
@@ -366,6 +401,22 @@ function closeModal(id) {
   document.getElementById(id).classList.remove('open');
 }
 
+// Vimium eats Escape inside a text input and only blurs it, so the page never sees the key.
+// A blur that no click in the modal caused, while the window keeps focus and the input is
+// still shown, is that Escape.
+function onEscapeBlur(input, modal, handler) {
+  let pointerDown = false;
+  modal.addEventListener('mousedown', () => {
+    pointerDown = true;
+  });
+  document.addEventListener('mouseup', () => {
+    pointerDown = false;
+  });
+  input.addEventListener('blur', () => {
+    if (!pointerDown && document.hasFocus() && input.checkVisibility()) handler();
+  });
+}
+
 // Each entry pairs a left and a right group onto the same grid rows, so their
 // headings sit level and the shorter group just leaves empty rows.
 // `combo` joins the keys with a plus (a chord) instead of listing them as
@@ -2092,21 +2143,24 @@ document.addEventListener('keydown', (e) => {
     .catch(() => ({}));
   if (!cfg.enabled) return;
   window.__HUB__ = cfg;
-  const fwd = (e) => hubPost({ type: 'hub:keydown', key: e.key, ctrl: e.ctrlKey, alt: e.altKey, shift: e.shiftKey });
+  // e.code travels with e.key because macOS composes Option+<key> into a character (Option+P is
+  // 'π'), so the key alone cannot identify the binding. The hub owns the keymap and normalizes;
+  // these tests only decide whether a press is the hub's to handle.
   document.addEventListener('keydown', (e) => {
-    if (e.ctrlKey && e.altKey && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {
+    const fwd = () => {
       e.preventDefault();
-      fwd(e);
+      hubPost({ type: 'hub:keydown', key: e.key, code: e.code, ctrl: e.ctrlKey, alt: e.altKey, shift: e.shiftKey });
+    };
+    if (e.ctrlKey && e.altKey && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {
+      fwd();
     }
     // Own branch: the Alt+digit case below requires !ctrlKey. The hub owns the Ctrl+Alt+letter
     // keymap and ignores unbound letters.
-    if (e.ctrlKey && e.altKey && !e.shiftKey && !e.metaKey && /^[a-z]$/i.test(e.key)) {
-      e.preventDefault();
-      fwd(e);
+    if (e.ctrlKey && e.altKey && !e.shiftKey && !e.metaKey && (/^[a-z]$/i.test(e.key) || /^Key[A-Z]$/.test(e.code))) {
+      fwd();
     }
-    if (e.altKey && !e.ctrlKey && !e.shiftKey && !e.metaKey && /^[1-9]$/.test(e.key)) {
-      e.preventDefault();
-      fwd(e);
+    if (e.altKey && !e.ctrlKey && !e.shiftKey && !e.metaKey && (/^[1-9]$/.test(e.key) || /^Digit[1-9]$/.test(e.code))) {
+      fwd();
     }
   });
 })();
@@ -2248,6 +2302,7 @@ document.addEventListener('DOMContentLoaded', async () => {
   let desiredProject = params.get('project');
   // A hub-pushed project outranks the localStorage recent: initHub() is fire-and-forget at script
   // eval, so hub:project can land before or during this block.
+  await projectInfoPromise;
   if (!desiredProject) desiredProject = hubProjectPath || getRecentProjects()[0] || null;
   if (desiredProject) {
     try {

package/public/index.html

@@ -14,6 +14,11 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
 <link rel="manifest" href="/manifest.json">
 <link rel="icon" type="image/svg+xml" href="/icons/icon-svg.svg">
+<!-- Chrome uses the SVG only in the tab strip; app windows, shortcuts and the
+     history list need a raster icon or they fall back to /favicon.ico and then to
+     whatever icon localhost was last seen with, which is a sibling app's. -->
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png">
+<link rel="icon" type="image/png" sizes="512x512" href="/icons/icon-512.png">
 <meta name="theme-color" content="#101114" media="(prefers-color-scheme: dark)">
 <meta name="theme-color" content="#e8e6e3" media="(prefers-color-scheme: light)">
 <meta name="apple-mobile-web-app-capable" content="yes">

package/server.js

@@ -622,7 +622,7 @@ app.get('/hub-config', (_req, res) => {
 });
 
 app.get('/api/project', (_req, res) => {
-  res.json({ path: currentProjectPath, name: path.basename(currentProjectPath) });
+  res.json({ path: currentProjectPath, name: path.basename(currentProjectPath), configDir: CLAUDE_DIR });
 });
 
 app.put('/api/project', (req, res) => {