Add recent files dropdown and bump version to 0.7.0

- Recent files stored in ~/.logan/recent-files.json (capped at 20)
- Updated on every successful file open with dedupe
- New chevron button next to Open File button shows dropdown
- Each entry shows filename, directory, and relative time
- "Clear history" button to wipe the list
- Filters out files that no longer exist on disk

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ozgesolidkey

package.json

@@ -1,6 +1,6 @@
 {
   "name": "logan",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "AI-powered log file viewer and analyzer — handles 14M+ lines with virtual scrolling, MCP agent integration, live serial/logcat/SSH connections, pattern correlation, diff view, and built-in terminal",
   "keywords": [
     "log-analyzer",

src/main/index.ts

@@ -226,6 +226,37 @@ function saveLocalFileData(filePath: string, data: LocalFileData): void {
 // Track whether current file uses local storage or fallback
 let currentFileUsesLocalStorage = false;
 
+// Recent files (global, for quick re-open)
+const RECENT_FILES_CAP = 20;
+
+function getRecentFilesPath(): string {
+  return path.join(os.homedir(), '.logan', 'recent-files.json');
+}
+
+function loadRecentFiles(): Array<{ path: string; lastOpened: number }> {
+  try {
+    const data = fs.readFileSync(getRecentFilesPath(), 'utf-8');
+    const parsed = JSON.parse(data);
+    if (Array.isArray(parsed)) return parsed;
+  } catch { /* missing or invalid */ }
+  return [];
+}
+
+function saveRecentFiles(list: Array<{ path: string; lastOpened: number }>): void {
+  try {
+    const dir = path.join(os.homedir(), '.logan');
+    if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+    fs.writeFileSync(getRecentFilesPath(), JSON.stringify(list, null, 2));
+  } catch { /* ignore */ }
+}
+
+function addToRecentFiles(filePath: string): void {
+  const list = loadRecentFiles().filter(e => e.path !== filePath);
+  list.unshift({ path: filePath, lastOpened: Date.now() });
+  if (list.length > RECENT_FILES_CAP) list.length = RECENT_FILES_CAP;
+  saveRecentFiles(list);
+}
+
 // Activity history logging
 const ACTIVITY_HISTORY_CAP = 500;
 const ACTIVITY_HISTORY_TRIM_TO = 400;
@@ -2269,6 +2300,7 @@ ipcMain.handle(IPC.OPEN_FILE, async (_, filePath: string) => {
       saveLocalFileData(persistPath, localData);
     }
     logActivity(persistPath, 'file_opened', { filePath: persistPath });
+    addToRecentFiles(persistPath);
 
     // Check for split metadata in file header (preferred)
     const splitMeta = fileHandler.getSplitMetadata();
@@ -5563,6 +5595,21 @@ ipcMain.handle('agent-save-config', async (_event, config: any) => {
   return { success: true };
 });
 
+// === Recent Files ===
+
+ipcMain.handle('recent-files-list', async () => {
+  // Filter out files that no longer exist
+  const list = loadRecentFiles().filter(e => {
+    try { return fs.existsSync(e.path); } catch { return false; }
+  });
+  return { success: true, files: list };
+});
+
+ipcMain.handle('recent-files-clear', async () => {
+  saveRecentFiles([]);
+  return { success: true };
+});
+
 ipcMain.handle('agent-browse-script', async () => {
   const result = await dialog.showOpenDialog({
     title: 'Select Agent Script',

src/preload/index.ts

@@ -494,6 +494,12 @@ const api = {
   browseAgentScript: (): Promise<string | null> =>
     ipcRenderer.invoke('agent-browse-script'),
 
+  // Recent files
+  listRecentFiles: (): Promise<{ success: boolean; files?: Array<{ path: string; lastOpened: number }> }> =>
+    ipcRenderer.invoke('recent-files-list'),
+  clearRecentFiles: (): Promise<{ success: boolean }> =>
+    ipcRenderer.invoke('recent-files-clear'),
+
   // Agent annotations
   addAnnotation: (annotation: any): Promise<{ success: boolean }> =>
     ipcRenderer.invoke('annotation-add', annotation),

src/renderer/index.html

@@ -27,9 +27,13 @@
     <!-- Toolbar -->
     <div class="toolbar">
       <div class="toolbar-left">
-        <button id="btn-open-file" class="toolbar-btn" title="Open file" data-help="Open a log file for analysis.&#10;Supports text logs, JSON logs, CSV, and large files (100K+ lines).&#10;Drag & drop also works.">
-          <span class="icon">&#128194;</span> Open File
-        </button>
+        <div class="open-file-wrapper">
+          <button id="btn-open-file" class="toolbar-btn" title="Open file" data-help="Open a log file for analysis.&#10;Supports text logs, JSON logs, CSV, and large files (100K+ lines).&#10;Drag & drop also works.">
+            <span class="icon">&#128194;</span> Open File
+          </button>
+          <button id="btn-recent-files" class="toolbar-btn small recent-files-chevron" title="Recent files">&#9662;</button>
+          <div id="recent-files-popup" class="recent-files-popup hidden"></div>
+        </div>
         <div class="separator"></div>
         <div class="search-container">
           <input type="text" id="search-input" placeholder="Search..." class="toolbar-input">

src/renderer/renderer.ts

@@ -684,6 +684,8 @@ const SLOW_SCROLL_FRAME_COUNT = 10; // Number of slow frames before warning
 const elements = {
   logo: document.getElementById('logo') as HTMLImageElement,
   btnOpenFile: document.getElementById('btn-open-file') as HTMLButtonElement,
+  btnRecentFiles: document.getElementById('btn-recent-files') as HTMLButtonElement,
+  recentFilesPopup: document.getElementById('recent-files-popup') as HTMLDivElement,
   btnOpenWelcome: document.getElementById('btn-open-welcome') as HTMLButtonElement,
   btnSearch: document.getElementById('btn-search') as HTMLButtonElement,
   btnPrevResult: document.getElementById('btn-prev-result') as HTMLButtonElement,
@@ -4059,6 +4061,61 @@ async function saveToNotes(): Promise<void> {
 }
 
 // File Operations
+// ─── Recent Files Dropdown ──────────────────────────────────────────────
+
+async function toggleRecentFilesPopup(): Promise<void> {
+  const popup = elements.recentFilesPopup;
+  if (!popup.classList.contains('hidden')) {
+    popup.classList.add('hidden');
+    return;
+  }
+
+  const result = await window.api.listRecentFiles();
+  const files = result.files || [];
+
+  let html = `<div class="recent-files-header">Recent Files</div>`;
+  if (files.length === 0) {
+    html += `<div class="recent-files-empty">No recent files</div>`;
+  } else {
+    html += `<div class="recent-files-list">`;
+    for (const f of files) {
+      const name = f.path.split('/').pop() || f.path;
+      const dir = f.path.substring(0, f.path.length - name.length - 1);
+      const ageMs = Date.now() - f.lastOpened;
+      let ageText: string;
+      if (ageMs < 60000) ageText = 'just now';
+      else if (ageMs < 3600000) ageText = `${Math.floor(ageMs / 60000)}m ago`;
+      else if (ageMs < 86400000) ageText = `${Math.floor(ageMs / 3600000)}h ago`;
+      else ageText = `${Math.floor(ageMs / 86400000)}d ago`;
+      html += `
+        <div class="recent-file-item" data-path="${escapeHtml(f.path)}" title="${escapeHtml(f.path)}">
+          <span class="recent-file-name">${escapeHtml(name)}</span>
+          <span class="recent-file-meta">${escapeHtml(dir)} · ${ageText}</span>
+        </div>`;
+    }
+    html += `</div>`;
+    html += `<div class="recent-files-footer"><button class="recent-files-clear-btn">Clear history</button></div>`;
+  }
+
+  popup.innerHTML = html;
+  popup.classList.remove('hidden');
+
+  // Wire up clicks
+  popup.querySelectorAll('.recent-file-item').forEach(item => {
+    item.addEventListener('click', async () => {
+      const filePath = (item as HTMLElement).dataset.path;
+      if (filePath) {
+        popup.classList.add('hidden');
+        await loadFile(filePath);
+      }
+    });
+  });
+  popup.querySelector('.recent-files-clear-btn')?.addEventListener('click', async () => {
+    await window.api.clearRecentFiles();
+    popup.classList.add('hidden');
+  });
+}
+
 async function openFile(): Promise<void> {
   const filePath = await window.api.openFileDialog();
   if (!filePath) return;
@@ -12548,6 +12605,17 @@ function init(): void {
 
   // File operations
   elements.btnOpenFile.addEventListener('click', openFile);
+  elements.btnRecentFiles.addEventListener('click', (e) => {
+    e.stopPropagation();
+    toggleRecentFilesPopup();
+  });
+  document.addEventListener('click', (e) => {
+    if (!elements.recentFilesPopup.classList.contains('hidden') &&
+        !elements.recentFilesPopup.contains(e.target as Node) &&
+        !elements.btnRecentFiles.contains(e.target as Node)) {
+      elements.recentFilesPopup.classList.add('hidden');
+    }
+  });
   elements.btnOpenWelcome.addEventListener('click', openFile);
 
   // Folder operations

src/renderer/styles.css

@@ -288,6 +288,93 @@ body.platform-darwin .titlebar {
   position: relative;
 }
 
+/* Recent Files dropdown */
+.open-file-wrapper { position: relative; display: inline-flex; align-items: center; }
+.recent-files-chevron { padding: 4px 6px; margin-left: -2px; font-size: 10px; }
+
+.recent-files-popup {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  z-index: 1001;
+  min-width: 360px;
+  max-width: 500px;
+  max-height: 400px;
+  display: flex;
+  flex-direction: column;
+  margin-top: 4px;
+}
+.recent-files-popup.hidden { display: none; }
+
+.recent-files-header {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--border-color);
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+}
+
+.recent-files-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 4px 0;
+}
+
+.recent-file-item {
+  display: flex;
+  flex-direction: column;
+  padding: 6px 12px;
+  cursor: pointer;
+  font-size: 12px;
+  border-left: 2px solid transparent;
+}
+.recent-file-item:hover {
+  background-color: var(--bg-tertiary);
+  border-left-color: var(--accent-color);
+}
+.recent-file-name {
+  color: var(--text-primary);
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.recent-file-meta {
+  color: var(--text-muted);
+  font-size: 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 1px;
+}
+
+.recent-files-footer {
+  padding: 6px 12px;
+  border-top: 1px solid var(--border-color);
+  display: flex;
+  justify-content: flex-end;
+}
+.recent-files-clear-btn {
+  background: none;
+  border: none;
+  color: var(--text-muted);
+  cursor: pointer;
+  font-size: 11px;
+  padding: 2px 6px;
+}
+.recent-files-clear-btn:hover { color: var(--error-color, #e88080); }
+.recent-files-empty {
+  padding: 16px 12px;
+  text-align: center;
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
 .search-options-popup {
   position: fixed;
   background-color: var(--bg-secondary);

src/renderer/types.d.ts

@@ -459,6 +459,8 @@ interface Api {
   }>;
   saveAgentConfig: (config: { type: 'claude-code' | 'builtin' | 'custom' | 'local-llm'; scriptPath?: string; model?: string; llmEndpoint?: string; llmModel?: string }) => Promise<{ success: boolean }>;
   browseAgentScript: () => Promise<string | null>;
+  listRecentFiles: () => Promise<{ success: boolean; files?: Array<{ path: string; lastOpened: number }> }>;
+  clearRecentFiles: () => Promise<{ success: boolean }>;
 
   // Agent annotations
   addAnnotation: (annotation: { id: string; lineNumber: number; text: string; agentName: string; timestamp: number; severity?: 'info' | 'warning' | 'error' }) => Promise<{ success: boolean }>;