Add Recent Folders button; make Recent Files button clearer

- Recent Files: chevron inside the open-file button replaced with a
  standalone clock-icon button that's always visible and clearly distinct
- Recent Folders: same clock-icon button added next to the Add Folder
  button in the Folders panel, with its own popup (same style as files)
- Recent folders are persisted to ~/.logan/recent-folders.json (cap 15),
  tracked whenever a folder is picked via the open-folder dialog
- Clicking a recent folder re-opens it into the folder panel without
  going through the OS file picker

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ozgesolidkey

src/main/index.ts

@@ -257,6 +257,37 @@ function addToRecentFiles(filePath: string): void {
   saveRecentFiles(list);
 }
 
+// Recent folders
+const RECENT_FOLDERS_CAP = 15;
+
+function getRecentFoldersPath(): string {
+  return path.join(os.homedir(), '.logan', 'recent-folders.json');
+}
+
+function loadRecentFolders(): Array<{ path: string; lastOpened: number }> {
+  try {
+    const data = fs.readFileSync(getRecentFoldersPath(), 'utf-8');
+    const parsed = JSON.parse(data);
+    if (Array.isArray(parsed)) return parsed;
+  } catch { /* missing or invalid */ }
+  return [];
+}
+
+function saveRecentFolders(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(getRecentFoldersPath(), JSON.stringify(list, null, 2));
+  } catch { /* ignore */ }
+}
+
+function addToRecentFolders(folderPath: string): void {
+  const list = loadRecentFolders().filter(e => e.path !== folderPath);
+  list.unshift({ path: folderPath, lastOpened: Date.now() });
+  if (list.length > RECENT_FOLDERS_CAP) list.length = RECENT_FOLDERS_CAP;
+  saveRecentFolders(list);
+}
+
 // Activity history logging
 const ACTIVITY_HISTORY_CAP = 500;
 const ACTIVITY_HISTORY_TRIM_TO = 400;
@@ -1872,7 +1903,9 @@ ipcMain.handle(IPC.OPEN_FOLDER_DIALOG, async () => {
   const result = await showOpenDialog({
     properties: ['openDirectory'],
   });
-  return result.canceled ? null : result.filePaths[0];
+  if (result.canceled || !result.filePaths[0]) return null;
+  addToRecentFolders(result.filePaths[0]);
+  return result.filePaths[0];
 });
 
 // Text extensions used by folder search (ripgrep glob filters)
@@ -5730,6 +5763,20 @@ ipcMain.handle('recent-files-clear', async () => {
   return { success: true };
 });
 
+// === Recent Folders ===
+
+ipcMain.handle('recent-folders-list', async () => {
+  const list = loadRecentFolders().filter(e => {
+    try { return fs.existsSync(e.path); } catch { return false; }
+  });
+  return { success: true, folders: list };
+});
+
+ipcMain.handle('recent-folders-clear', async () => {
+  saveRecentFolders([]);
+  return { success: true };
+});
+
 ipcMain.handle('agent-browse-script', async () => {
   const result = await dialog.showOpenDialog({
     title: 'Select Agent Script',

src/preload/index.ts

@@ -503,6 +503,12 @@ const api = {
   clearRecentFiles: (): Promise<{ success: boolean }> =>
     ipcRenderer.invoke('recent-files-clear'),
 
+  // Recent folders
+  listRecentFolders: (): Promise<{ success: boolean; folders?: Array<{ path: string; lastOpened: number }> }> =>
+    ipcRenderer.invoke('recent-folders-list'),
+  clearRecentFolders: (): Promise<{ success: boolean }> =>
+    ipcRenderer.invoke('recent-folders-clear'),
+
   // Agent annotations
   addAnnotation: (annotation: any): Promise<{ success: boolean }> =>
     ipcRenderer.invoke('annotation-add', annotation),

src/renderer/index.html

@@ -29,9 +29,11 @@
     <div id="tab-bar" class="tab-bar">
       <div class="tab-bar-left">
         <div class="open-file-wrapper">
-          <button id="btn-open-file" class="tab-bar-btn" title="Open file (Ctrl+O) | Recent (right-click)">
+          <button id="btn-open-file" class="tab-bar-btn" title="Open file (Ctrl+O)">
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>
-            <span id="btn-recent-files" class="open-file-chevron" title="Recent files">&#9662;</span>
+          </button>
+          <button id="btn-recent-files" class="tab-bar-btn recent-btn" title="Recent files">
+            <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
           </button>
           <div id="recent-files-popup" class="recent-files-popup hidden"></div>
         </div>
@@ -125,9 +127,15 @@
           <!-- Folders Panel -->
           <div class="panel-view" id="panel-folders" data-panel="folders">
             <div class="section-header-inline">
-              <button id="btn-add-folder" class="section-btn" title="Open local folder">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/><line x1="12" y1="11" x2="12" y2="17"/><line x1="9" y1="14" x2="15" y2="14"/></svg>
-              </button>
+              <div class="open-folder-wrapper">
+                <button id="btn-add-folder" class="section-btn" title="Open local folder">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/><line x1="12" y1="11" x2="12" y2="17"/><line x1="9" y1="14" x2="15" y2="14"/></svg>
+                </button>
+                <button id="btn-recent-folders" class="section-btn recent-btn" title="Recent folders">
+                  <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+                </button>
+                <div id="recent-folders-popup" class="recent-files-popup hidden"></div>
+              </div>
               <button id="btn-open-ssh-folder" class="section-btn" title="Browse SSH remote files (requires active SSH connection in Live panel)">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="2"/><path d="M7 8l4 4-4 4"/><line x1="13" y1="16" x2="17" y2="16"/></svg>
               </button>

src/renderer/renderer.ts

@@ -690,7 +690,7 @@ 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 HTMLSpanElement,
+  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,
@@ -725,6 +725,8 @@ const elements = {
   markdownPreview: document.getElementById('markdown-preview') as HTMLDivElement,
   foldersList: document.getElementById('folders-list') as HTMLDivElement,
   btnAddFolder: document.getElementById('btn-add-folder') as HTMLButtonElement,
+  btnRecentFolders: document.getElementById('btn-recent-folders') as HTMLButtonElement,
+  recentFoldersPopup: document.getElementById('recent-folders-popup') as HTMLDivElement,
   btnRefreshFolders: document.getElementById('btn-refresh-folders') as HTMLButtonElement, // May be null — per-folder refresh buttons used instead
   folderSearchInput: document.getElementById('folder-search-input') as HTMLInputElement,
   btnFolderSearch: document.getElementById('btn-folder-search') as HTMLButtonElement,
@@ -4237,6 +4239,74 @@ async function openFile(): Promise<void> {
   await loadFile(filePath);
 }
 
+async function toggleRecentFoldersPopup(): Promise<void> {
+  const popup = elements.recentFoldersPopup;
+  if (!popup.classList.contains('hidden')) {
+    popup.classList.add('hidden');
+    return;
+  }
+
+  const result = await window.api.listRecentFolders();
+  const folders = result.folders || [];
+
+  let html = `<div class="recent-files-header">Recent Folders</div>`;
+  if (folders.length === 0) {
+    html += `<div class="recent-files-empty">No recent folders</div>`;
+  } else {
+    html += `<div class="recent-files-list">`;
+    for (const f of folders) {
+      const parts = f.path.replace(/\\/g, '/').split('/');
+      const name = parts.pop() || f.path;
+      const parent = parts.join('/') || '/';
+      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(parent)} · ${ageText}</span>
+        </div>`;
+    }
+    html += `</div>`;
+    html += `<div class="recent-files-footer"><button class="recent-files-clear-btn">Clear history</button></div>`;
+  }
+
+  popup.innerHTML = html;
+
+  const btnRect = elements.btnRecentFolders.getBoundingClientRect();
+  popup.style.top = `${btnRect.bottom + 4}px`;
+  popup.style.left = `${btnRect.left}px`;
+  popup.classList.remove('hidden');
+
+  popup.querySelectorAll('.recent-file-item').forEach(item => {
+    item.addEventListener('click', async () => {
+      const folderPath = (item as HTMLElement).dataset.path;
+      if (!folderPath) return;
+      popup.classList.add('hidden');
+      if (state.folders.some(f => f.path === folderPath)) return;
+      const res = await window.api.readFolder(folderPath);
+      if (res.success && res.files) {
+        const folderName = folderPath.replace(/\\/g, '/').split('/').pop() || folderPath;
+        state.folders.push({
+          path: folderPath,
+          name: folderName,
+          files: mapFolderEntries(res.files),
+          collapsed: false,
+        });
+        renderFolderTree();
+        updateFolderSearchState();
+      }
+    });
+  });
+  popup.querySelector('.recent-files-clear-btn')?.addEventListener('click', async () => {
+    await window.api.clearRecentFolders();
+    popup.classList.add('hidden');
+  });
+}
+
 // === Folder Operations ===
 
 function mapFolderEntries(entries: any[]): LocalFolderFile[] {
@@ -13437,18 +13507,13 @@ function init(): void {
   elements.logo.style.cursor = 'pointer';
 
   // File operations
-  elements.btnOpenFile.addEventListener('click', (e) => {
-    // Don't open file dialog if the recent files chevron was clicked
-    if ((e.target as HTMLElement).id === 'btn-recent-files') return;
-    openFile();
-  });
-  elements.btnRecentFiles.addEventListener('click', (e) => {
-    e.stopPropagation();
+  elements.btnOpenFile.addEventListener('click', openFile);
+  elements.btnOpenFile.addEventListener('contextmenu', (e) => {
     e.preventDefault();
     toggleRecentFilesPopup();
   });
-  elements.btnOpenFile.addEventListener('contextmenu', (e) => {
-    e.preventDefault();
+  elements.btnRecentFiles.addEventListener('click', (e) => {
+    e.stopPropagation();
     toggleRecentFilesPopup();
   });
   document.addEventListener('click', (e) => {
@@ -13457,11 +13522,20 @@ function init(): void {
         !elements.btnRecentFiles.contains(e.target as Node)) {
       elements.recentFilesPopup.classList.add('hidden');
     }
+    if (!elements.recentFoldersPopup.classList.contains('hidden') &&
+        !elements.recentFoldersPopup.contains(e.target as Node) &&
+        !elements.btnRecentFolders.contains(e.target as Node)) {
+      elements.recentFoldersPopup.classList.add('hidden');
+    }
   });
   elements.btnOpenWelcome.addEventListener('click', openFile);
 
   // Folder operations
   elements.btnAddFolder.addEventListener('click', openFolder);
+  elements.btnRecentFolders.addEventListener('click', (e) => {
+    e.stopPropagation();
+    toggleRecentFoldersPopup();
+  });
   elements.btnRefreshFolders?.addEventListener('click', refreshFolders);
 
   // Folder search

src/renderer/styles.css

@@ -285,15 +285,16 @@ body.platform-darwin .titlebar {
   position: relative;
 }
 
-/* Recent Files dropdown */
-.open-file-wrapper { position: relative; display: inline-flex; align-items: center; }
-.open-file-chevron {
-  margin-left: 4px;
-  font-size: 10px;
-  opacity: 0.6;
-  cursor: pointer;
+/* Recent Files / Folders dropdowns */
+.open-file-wrapper,
+.open-folder-wrapper { position: relative; display: inline-flex; align-items: center; }
+
+/* Clock icon button that opens recent list */
+.recent-btn {
+  opacity: 0.5;
+  padding: 0 4px !important;
 }
-.open-file-chevron:hover { opacity: 1; }
+.recent-btn:hover { opacity: 1 !important; }
 
 .recent-files-popup {
   position: fixed;

src/renderer/types.d.ts

@@ -462,6 +462,8 @@ interface Api {
   browseAgentScript: () => Promise<string | null>;
   listRecentFiles: () => Promise<{ success: boolean; files?: Array<{ path: string; lastOpened: number }> }>;
   clearRecentFiles: () => Promise<{ success: boolean }>;
+  listRecentFolders: () => Promise<{ success: boolean; folders?: Array<{ path: string; lastOpened: number }> }>;
+  clearRecentFolders: () => Promise<{ success: boolean }>;
 
   // Agent annotations
   addAnnotation: (annotation: { id: string; lineNumber: number; text: string; agentName: string; timestamp: number; severity?: 'info' | 'warning' | 'error' }) => Promise<{ success: boolean }>;