claude-code-memory-explorer 0.2.4 → 0.2.5

package/package.json

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

package/public/app.js

@@ -457,8 +457,10 @@ async function renderPreview() {
   html += '<div class="preview-title">';
   html += `<span class="scope-badge scope-${source.scope}">${esc(source.scope)}</span>`;
   html += `<span class="file-path">${esc(source.name)}</span>`;
+  html += '<div class="preview-actions">';
   html += `<button class="action-btn small" onclick="openInEditor('${escJs(source.path)}')" title="Open in VS Code"><svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M17.583 2.207a1.1 1.1 0 0 1 1.541.033l2.636 2.636a1.1 1.1 0 0 1 .033 1.541L10.68 17.53a1.1 1.1 0 0 1-.345.247l-4.56 1.903a.55.55 0 0 1-.725-.725l1.903-4.56a1.1 1.1 0 0 1 .247-.345zm.902 1.87-8.794 8.793-.946 2.268 2.268-.946 8.794-8.793z"/></svg></button>`;
-  html += '</div>';
+  html += `<button class="action-btn small" onclick="_confirmDeleteFile('${escJs(source.path)}','${escJs(source.name)}')" title="Delete file"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6M14 11v6"/><path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/></svg></button>`;
+  html += '</div></div>';
 
   // Badges row
   html += '<div class="preview-badges">';
@@ -530,6 +532,48 @@ function formatBytes(b) {
   return `${(b / 1024).toFixed(1)}KB`;
 }
 
+function _confirmDeleteFile(filePath, fileName) {
+  const modal = document.getElementById('deleteConfirmModal');
+  modal.dataset.filePath = filePath;
+  document.getElementById('deleteFileName').textContent = fileName;
+  document.getElementById('deleteFilePath').textContent = filePath;
+  modal.classList.add('open');
+}
+
+async function _submitDeleteFile() {
+  const modal = document.getElementById('deleteConfirmModal');
+  const filePath = modal.dataset.filePath;
+  if (!filePath) return;
+  const btn = document.getElementById('deleteConfirmSubmit');
+  btn.disabled = true;
+  btn.textContent = 'Deleting...';
+  try {
+    const res = await fetch('/api/file', {
+      method: 'DELETE',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ path: filePath }),
+    });
+    if (!res.ok) {
+      const msg = await res
+        .json()
+        .then((e) => e.error)
+        .catch(() => `Delete failed (${res.status})`);
+      showToast(msg, 'error');
+      return;
+    }
+    closeModal('deleteConfirmModal');
+    delete modal.dataset.filePath;
+    selectedFileId = null;
+    await loadData();
+    showToast('File deleted', 'success');
+  } catch (err) {
+    showToast(err.message, 'error');
+  } finally {
+    btn.disabled = false;
+    btn.textContent = 'Delete';
+  }
+}
+
 async function openInEditor(filePath) {
   showToast('Opening...', 'info');
   try {
@@ -617,7 +661,7 @@ async function refreshData() {
   try {
     await fetch('/api/refresh', { method: 'POST' });
     await loadData();
-    showToast('Refreshed', 'success');
+    showToast('Data Refreshed', 'success');
   } catch (err) {
     showToast(err.message, 'error');
   }
@@ -765,18 +809,21 @@ document.addEventListener('DOMContentLoaded', async () => {
   loadTheme();
   initResize();
   bindModalKeys('projectPathInput', 'projectPickerModal', submitProjectPicker);
-  // Handle ?project= query param
+  // Handle ?project= query param, else restore last-used project from localStorage
   const params = new URLSearchParams(location.search);
-  if (params.has('project')) {
-    const projectPath = params.get('project');
+  let desiredProject = params.get('project');
+  if (!desiredProject) desiredProject = getRecentProjects()[0] || null;
+  if (desiredProject) {
     try {
       const res = await fetch('/api/project', {
         method: 'PUT',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ path: projectPath }),
+        body: JSON.stringify({ path: desiredProject }),
       });
-      if (!res.ok) showToast('Failed to switch project', 'error');
+      if (!res.ok && params.has('project')) showToast('Failed to switch project', 'error');
     } catch {}
+  }
+  if (params.has('project')) {
     params.delete('project');
     const qs = params.toString();
     history.replaceState(null, '', qs ? `?${qs}` : location.pathname + location.hash);

package/public/index.html

@@ -104,6 +104,24 @@
     </div>
   </div>
 
+  <!-- Delete confirmation modal -->
+  <div class="modal-overlay" id="deleteConfirmModal" onclick="if(event.target===this)closeModal('deleteConfirmModal')">
+    <div class="modal">
+      <div class="modal-header">
+        <h3>Delete file?</h3>
+        <button class="modal-close" onclick="closeModal('deleteConfirmModal')">&#10005;</button>
+      </div>
+      <div class="modal-body">
+        <p class="modal-desc">This will permanently delete <strong id="deleteFileName"></strong> from disk.</p>
+        <div class="modal-filepath" id="deleteFilePath"></div>
+        <div class="modal-actions">
+          <button class="action-btn" onclick="closeModal('deleteConfirmModal')">Cancel</button>
+          <button class="action-btn danger" id="deleteConfirmSubmit" onclick="_submitDeleteFile()">Delete</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <!-- Help modal -->
   <div class="modal-overlay" id="helpModal" onclick="if(event.target===this)toggleHelpModal()">
     <div class="modal">

package/public/style.css

@@ -665,10 +665,33 @@ body.light .tree-conditional .file-name {
 .action-btn.primary:hover {
   filter: brightness(1.1);
 }
+.action-btn.danger {
+  background: var(--error);
+  border-color: var(--error);
+  color: #fff;
+}
+.action-btn.danger:hover {
+  filter: brightness(1.1);
+}
+.modal-filepath {
+  font-family: 'IBM Plex Mono', monospace;
+  font-size: 11px;
+  color: var(--text-tertiary);
+  background: var(--bg-deep);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 6px 8px;
+  margin: 8px 0 12px;
+  word-break: break-all;
+}
+.preview-actions {
+  margin-left: auto;
+  display: inline-flex;
+  gap: 4px;
+}
 .action-btn.small {
   padding: 2px 6px;
   font-size: 10px;
-  margin-left: auto;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -787,8 +810,8 @@ kbd {
   color: var(--error);
 }
 .toast.success {
-  border-color: var(--success);
-  color: var(--success);
+  border-color: #2ea043;
+  color: #2ea043;
 }
 @keyframes slideIn {
   from {

package/server.js

@@ -5,6 +5,7 @@ const express = require('express');
 const path = require('path');
 const fs = require('fs');
 const os = require('os');
+const { execFileSync } = require('child_process');
 
 // #region CLI_ARGS
 
@@ -446,15 +447,38 @@ function findMemoryDir(projectPath) {
   const encoded = encodeProjectPath(projectPath);
   const memDir = path.join(projectsDir, encoded, 'memory');
   if (fs.existsSync(memDir)) return memDir;
+  const main = findMainWorktreePath(projectPath);
+  if (main) {
+    const mainMem = path.join(projectsDir, encodeProjectPath(main), 'memory');
+    if (fs.existsSync(mainMem)) return mainMem;
+  }
   return findMemoryDirBySubstring(projectPath);
 }
 
+function findMainWorktreePath(projectPath) {
+  try {
+    const out = execFileSync('git', ['-C', projectPath, 'rev-parse', '--git-common-dir'], {
+      encoding: 'utf8',
+      stdio: ['ignore', 'pipe', 'ignore'],
+      timeout: 2000,
+    }).trim();
+    if (!out) return null;
+    const resolved = path.resolve(projectPath, out);
+    if (path.basename(resolved) !== '.git') return null;
+    const main = path.dirname(resolved);
+    if (main === path.resolve(projectPath)) return null;
+    return main;
+  } catch {
+    return null;
+  }
+}
+
 function encodeProjectPath(projectPath) {
-  // Claude Code uses double-dash encoding: C--Users-nikiforovall-dev-foo
+  // Claude Code encoding: `:` and `/` both become `-`, so `C:\Users\foo` → `C--Users-foo`
   return projectPath
     .replace(/\\/g, '/')
-    .replace(/^([A-Za-z]):/, '$1')  // strip colon but keep drive letter
-    .replace(/\//g, '-');           // slashes become single dash; drive letter boundary becomes double dash naturally
+    .replace(/:/g, '-')
+    .replace(/\//g, '-');
 }
 
 function findMemoryDirBySubstring(projectPath) {
@@ -517,8 +541,10 @@ app.put('/api/project', (req, res) => {
   if (!dirPath) return res.status(400).json({ error: 'path required' });
   const resolved = path.resolve(dirPath.replace(/^~/, os.homedir()));
   if (!fs.existsSync(resolved)) return res.status(404).json({ error: 'directory not found' });
-  currentProjectPath = resolved;
-  clearCache();
+  if (resolved !== path.resolve(currentProjectPath)) {
+    currentProjectPath = resolved;
+    clearCache();
+  }
   res.json({ path: currentProjectPath, name: path.basename(currentProjectPath) });
 });
 
@@ -527,6 +553,25 @@ app.post('/api/refresh', (_req, res) => {
   res.json({ ok: true });
 });
 
+app.delete('/api/file', (req, res) => {
+  const { path: filePath } = req.body || {};
+  if (!filePath) return res.status(400).json({ error: 'path required' });
+  const resolved = path.resolve(filePath.replace(/^~/, os.homedir()));
+  const roots = [path.resolve(CLAUDE_DIR), path.resolve(currentProjectPath)];
+  const inRoot = roots.some((r) => resolved === r || resolved.startsWith(r + path.sep));
+  if (!inRoot) return res.status(403).json({ error: 'path outside allowed roots' });
+  try {
+    const stat = fs.statSync(resolved);
+    if (!stat.isFile()) return res.status(400).json({ error: 'not a file' });
+    fs.unlinkSync(resolved);
+    clearCache();
+    res.json({ ok: true });
+  } catch (err) {
+    if (err.code === 'ENOENT') return res.status(404).json({ error: 'file not found' });
+    res.status(500).json({ error: err.message });
+  }
+});
+
 app.post('/api/open-in-editor', (req, res) => {
   const { path: filePath } = req.body;
   if (!filePath) return res.status(400).json({ error: 'path required' });