Wider scrollable minimap preview

- Preview box widened to 600px (max 70vw)
- Horizontal scrollbar for long lines
- 500 char limit per line (up from 120)
- Interactive: pointer-events enabled for scrolling inside preview

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

Author: ozgesolidkey

src/renderer/renderer.ts

@@ -3324,12 +3324,13 @@ function handleMinimapHover(event: MouseEvent): void {
       return;
     }
 
-    let html = `<div class="minimap-preview-header">Line ${targetLine + 1}</div>`;
+    let html = `<div class="minimap-preview-header">Line ${targetLine + 1}</div><div class="minimap-preview-lines">`;
     for (const line of result.lines) {
       const isCurrent = line.lineNumber === targetLine;
-      const text = line.text.length > 120 ? line.text.substring(0, 120) + '...' : line.text;
+      const text = line.text.length > 500 ? line.text.substring(0, 500) + '...' : line.text;
       html += `<div class="minimap-preview-line${isCurrent ? ' current' : ''}"><span class="minimap-preview-num">${line.lineNumber + 1}</span>${escapeHtml(text)}</div>`;
     }
+    html += `</div>`;
     preview.innerHTML = html;
 
     // Position: vertically centered on hover Y, to the left of the minimap

src/renderer/styles.css

@@ -2898,15 +2898,15 @@ body.platform-darwin .titlebar {
   position: absolute;
   right: 100%;
   margin-right: 4px;
-  width: 450px;
-  max-width: 50vw;
+  width: 600px;
+  max-width: 70vw;
   background: var(--bg-secondary);
   border: 1px solid var(--border-color);
   border-radius: 4px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
   z-index: 100;
   overflow: hidden;
-  pointer-events: none;
+  pointer-events: auto;
 }
 .minimap-preview.hidden { display: none; }
 .minimap-preview-header {
@@ -2921,12 +2921,16 @@ body.platform-darwin .titlebar {
   padding: 1px 8px;
   font-size: 11px;
   font-family: var(--font-mono, monospace);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  white-space: pre;
   color: var(--text-secondary);
   line-height: 16px;
 }
+
+.minimap-preview-lines {
+  overflow-x: auto;
+  overflow-y: hidden;
+  max-height: 130px;
+}
 .minimap-preview-line.current {
   background: rgba(255, 255, 0, 0.1);
   color: var(--text-primary);