Fix minimap preview escape and merge recent files into Open File button

Minimap preview:
- Preview stays visible when mouse moves into it (200ms hide delay)
- Listeners on preview box cancel hide timer on mouseenter
- Can now scroll horizontally inside the preview without it vanishing

Recent files:
- Merged separate chevron button into Open File button as inline ▾
- Click the chevron OR right-click the button to open recent files
- Regular left-click still opens the file dialog

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

Author: ozgesolidkey

src/renderer/index.html

@@ -28,10 +28,9 @@
     <div class="toolbar">
       <div class="toolbar-left">
         <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 id="btn-open-file" class="toolbar-btn" title="Open file (click) | Recent files (right-click)" data-help="Open a log file for analysis.&#10;Right-click or use the dropdown for recent files.&#10;Supports text logs, JSON logs, CSV, and large files (100K+ lines).&#10;Drag & drop also works.">
+            <span class="icon">&#128194;</span> Open File <span id="btn-recent-files" class="open-file-chevron" title="Recent files">&#9662;</span>
           </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>

src/renderer/renderer.ts

@@ -688,7 +688,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 HTMLButtonElement,
+  btnRecentFiles: document.getElementById('btn-recent-files') as HTMLSpanElement,
   recentFilesPopup: document.getElementById('recent-files-popup') as HTMLDivElement,
   btnOpenWelcome: document.getElementById('btn-open-welcome') as HTMLButtonElement,
   btnSearch: document.getElementById('btn-search') as HTMLButtonElement,
@@ -1963,6 +1963,7 @@ function createLogViewer(): void {
   previewEl.className = 'minimap-preview hidden';
   previewEl.id = 'minimap-preview';
   minimapElement.appendChild(previewEl);
+  setupMinimapPreviewListeners(previewEl);
 
   // Add to wrapper
   logViewerWrapper.appendChild(logViewerElement);
@@ -3291,14 +3292,28 @@ function handleMinimapClick(event: MouseEvent): void {
 // ─── Minimap Hover Preview ──────────────────────────────────────────────
 
 let minimapPreviewTimer: ReturnType<typeof setTimeout> | null = null;
+let minimapPreviewHideTimer: ReturnType<typeof setTimeout> | null = null;
 let minimapPreviewLine = -1;
 
 function isMinimapPreviewEnabled(): boolean {
   return userSettings.minimapPreview;
 }
 
+function setupMinimapPreviewListeners(previewEl: HTMLElement): void {
+  previewEl.addEventListener('mouseenter', () => {
+    // Cancel any pending hide when mouse enters preview
+    if (minimapPreviewHideTimer) { clearTimeout(minimapPreviewHideTimer); minimapPreviewHideTimer = null; }
+  });
+  previewEl.addEventListener('mouseleave', () => {
+    // Hide after a short delay when mouse leaves preview
+    minimapPreviewHideTimer = setTimeout(() => hideMinimapPreviewNow(), 200);
+  });
+}
+
 function handleMinimapHover(event: MouseEvent): void {
   if (!minimapElement || isDraggingMinimap || !isMinimapPreviewEnabled()) return;
+  // Cancel any pending hide
+  if (minimapPreviewHideTimer) { clearTimeout(minimapPreviewHideTimer); minimapPreviewHideTimer = null; }
 
   const rect = minimapElement.getBoundingClientRect();
   const hoverY = event.clientY - rect.top;
@@ -3307,10 +3322,9 @@ function handleMinimapHover(event: MouseEvent): void {
   if (totalLines === 0) return;
 
   const targetLine = Math.floor((hoverY / minimapHeight) * totalLines);
-  if (targetLine === minimapPreviewLine) return; // Same line, skip
+  if (targetLine === minimapPreviewLine) return;
   minimapPreviewLine = targetLine;
 
-  // Debounce to avoid hammering getLines
   if (minimapPreviewTimer) clearTimeout(minimapPreviewTimer);
   minimapPreviewTimer = setTimeout(async () => {
     const preview = document.getElementById('minimap-preview');
@@ -3333,7 +3347,6 @@ function handleMinimapHover(event: MouseEvent): void {
     html += `</div>`;
     preview.innerHTML = html;
 
-    // Position: vertically centered on hover Y, to the left of the minimap
     const previewHeight = Math.max(120, (PREVIEW_LINES + 1) * 16 + 8);
     const top = Math.max(0, Math.min(hoverY - previewHeight / 2, minimapHeight - previewHeight));
     preview.style.top = `${top}px`;
@@ -3342,7 +3355,14 @@ function handleMinimapHover(event: MouseEvent): void {
 }
 
 function hideMinimapPreview(): void {
+  // Delay hide to allow mouse to move into the preview box
+  if (minimapPreviewHideTimer) clearTimeout(minimapPreviewHideTimer);
+  minimapPreviewHideTimer = setTimeout(() => hideMinimapPreviewNow(), 200);
+}
+
+function hideMinimapPreviewNow(): void {
   if (minimapPreviewTimer) { clearTimeout(minimapPreviewTimer); minimapPreviewTimer = null; }
+  if (minimapPreviewHideTimer) { clearTimeout(minimapPreviewHideTimer); minimapPreviewHideTimer = null; }
   minimapPreviewLine = -1;
   const preview = document.getElementById('minimap-preview');
   if (preview) preview.classList.add('hidden');
@@ -12687,6 +12707,11 @@ function init(): void {
   elements.btnOpenFile.addEventListener('click', openFile);
   elements.btnRecentFiles.addEventListener('click', (e) => {
     e.stopPropagation();
+    e.preventDefault();
+    toggleRecentFilesPopup();
+  });
+  elements.btnOpenFile.addEventListener('contextmenu', (e) => {
+    e.preventDefault();
     toggleRecentFilesPopup();
   });
   document.addEventListener('click', (e) => {

src/renderer/styles.css

@@ -290,7 +290,13 @@ body.platform-darwin .titlebar {
 
 /* 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; }
+.open-file-chevron {
+  margin-left: 4px;
+  font-size: 10px;
+  opacity: 0.6;
+  cursor: pointer;
+}
+.open-file-chevron:hover { opacity: 1; }
 
 .recent-files-popup {
   position: absolute;