Replace minimap level bars with full-width heatmap

Individual per-sample level bars are removed. The density strip now
fills the full minimap width as a continuous severity heatmap:
- 120 segments, each coloured by the count of error/warning/info
  samples within that zone (density-weighted opacity)
- Error zones: red, proportional intensity up to 0.92
- Warning zones: amber, softer intensity up to 0.65
- Info zones: faint blue at 0.14
- Debug/trace: transparent (dark background shows through)

Markers (bookmarks, search results, search-config, annotations,
current-line) render on top via explicit z-index layering.
Viewport indicator sits at z-index 3, above the heatmap (z-index 1).

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

Author: ozgesolidkey

src/renderer/renderer.ts

@@ -3445,18 +3445,8 @@ function renderMinimap(): void {
   const totalLines = getTotalLines();
   if (totalLines === 0 || minimapData.length === 0) return;
 
-  const minimapHeight = minimapElement.clientHeight;
-  const lineHeight = minimapHeight / minimapData.length;
-
+  // Per-line bars removed — the heatmap strip is the sole background layer.
   minimapContentElement.innerHTML = '';
-  const frag = document.createDocumentFragment();
-  for (let i = 0; i < minimapData.length; i++) {
-    const line = document.createElement('div');
-    line.className = `minimap-line level-${minimapData[i].level || 'default'}`;
-    line.style.height = `${Math.max(1, lineHeight)}px`;
-    frag.appendChild(line);
-  }
-  minimapContentElement.appendChild(frag);
 
   renderMinimapDensityStrip();
   renderMinimapMarkers();
@@ -3472,28 +3462,37 @@ function renderMinimapDensityStrip(): void {
     logViewerWrapper?.clientHeight ||
     logViewerElement?.clientHeight ||
     400;
-  const SEGMENTS = Math.min(60, minimapData.length);
+
+  const SEGMENTS = Math.min(120, minimapData.length);
   const segSize = minimapData.length / SEGMENTS;
   const segHeight = minimapHeight / SEGMENTS;
   const frag = document.createDocumentFragment();
 
   for (let s = 0; s < SEGMENTS; s++) {
     const start = Math.floor(s * segSize);
     const end = Math.min(minimapData.length - 1, Math.floor((s + 1) * segSize) - 1);
+    const total = end - start + 1;
 
-    let worstSev = 0;
+    let errorCount = 0, warnCount = 0, infoCount = 0;
     for (let i = start; i <= end; i++) {
       const sev = LEVEL_SEVERITY[minimapData[i].level || ''] ?? 0;
-      if (sev > worstSev) worstSev = sev;
+      if (sev >= 5) errorCount++;
+      else if (sev === 4) warnCount++;
+      else if (sev === 3) infoCount++;
     }
 
-    if (worstSev < 2) continue; // skip trace/default — too noisy
-
     let color: string;
-    if (worstSev >= 5)      color = `rgba(255,55,55,${0.5 + (worstSev - 5) * 0.3})`;  // error/fatal
-    else if (worstSev === 4) color = 'rgba(255,150,30,0.75)';  // warning
-    else if (worstSev === 3) color = 'rgba(80,140,255,0.55)';  // info
-    else                     color = 'rgba(130,130,130,0.3)';  // debug
+    if (errorCount > 0) {
+      const intensity = Math.min(0.92, 0.4 + (errorCount / total) * 0.52);
+      color = `rgba(210,50,50,${intensity})`;
+    } else if (warnCount > 0) {
+      const intensity = Math.min(0.65, 0.22 + (warnCount / total) * 0.43);
+      color = `rgba(200,140,30,${intensity})`;
+    } else if (infoCount > 0) {
+      color = `rgba(70,130,210,0.14)`;
+    } else {
+      continue; // debug/trace/default — transparent
+    }
 
     const el = document.createElement('div');
     el.className = 'minimap-density-strip-seg';

src/renderer/styles.css

@@ -3071,43 +3071,29 @@ body.platform-darwin .titlebar {
   overflow: hidden;
 }
 
-/* ── Density strip: left 6px, colour-coded severity overview per zone ─── */
+/* ── Heatmap: full-width continuous severity zones ────────────────────── */
 .minimap-density-strip-seg {
   position: absolute;
   left: 0;
-  width: 6px;
+  right: 0;
   pointer-events: none;
+  z-index: 1;
 }
 
-/* ── Level bars: variable width — errors full-width, noise narrow ──────── */
-/* Bar zone: x=8 to x=108 (right=2px). Full zone = 100px.                  */
-/* Each level's left margin = 8 + 100 × (1 − relative_width).              */
-.minimap-line {
-  margin-right: 2px;
-  border-radius: 0 1px 1px 0;
-}
-.minimap-line.level-fatal,
-.minimap-line.level-error   { background-color: var(--error-color);   margin-left: 8px;  opacity: 1.0; }
-.minimap-line.level-warning,
-.minimap-line.level-warn    { background-color: var(--warning-color); margin-left: 62px; opacity: 0.38; }
-.minimap-line.level-info    { background-color: var(--info-color);    margin-left: 68px; opacity: 0.32; }
-.minimap-line.level-debug   { background-color: var(--debug-color);   margin-left: 80px; opacity: 0.22; }
-.minimap-line.level-trace   { background-color: var(--text-muted);    margin-left: 90px; opacity: 0.15; }
-.minimap-line.level-default { background-color: var(--text-muted);    margin-left: 98px; opacity: 0.10; }
-
 .minimap-viewport {
   position: absolute;
   left: 0;
   right: 0;
-  background-color: rgba(255, 255, 255, 0.08);
-  border: 1px solid rgba(255, 255, 255, 0.25);
+  background-color: rgba(255, 255, 255, 0.07);
+  border: 1px solid rgba(255, 255, 255, 0.35);
   border-radius: 2px;
   pointer-events: none;
   min-height: 20px;
+  z-index: 3;
 }
 .minimap:hover .minimap-viewport {
-  background-color: rgba(255, 255, 255, 0.14);
-  border-color: rgba(255, 255, 255, 0.45);
+  background-color: rgba(255, 255, 255, 0.12);
+  border-color: rgba(255, 255, 255, 0.55);
 }
 
 /* Current selected-line crosshair */
@@ -3116,9 +3102,9 @@ body.platform-darwin .titlebar {
   left: 0;
   right: 0;
   height: 2px;
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.85);
   pointer-events: none;
-  z-index: 10;
+  z-index: 8;
 }
 
 /* Line-number tooltip */
@@ -3148,20 +3134,22 @@ body.platform-darwin .titlebar {
 /* Bookmark markers */
 .minimap-bookmark {
   position: absolute;
-  left: 8px;
+  left: 0;
   right: 0;
   height: 3px;
   background-color: var(--accent-color);
-  opacity: 0.85;
+  opacity: 0.9;
+  z-index: 6;
 }
 
 /* Search result markers */
 .minimap-search-marker {
   position: absolute;
-  left: 8px;
+  left: 0;
   right: 0;
   height: 2px;
-  background-color: rgba(255, 255, 0, 0.85);
+  background-color: rgba(255, 255, 0, 0.9);
+  z-index: 5;
 }
 
 /* Saved notes range markers */
@@ -3177,18 +3165,19 @@ body.platform-darwin .titlebar {
 /* Search config markers */
 .minimap-sc-marker {
   position: absolute;
-  left: 8px;
+  left: 0;
   right: 0;
   height: 2px;
-  opacity: 0.8;
+  z-index: 5;
 }
 
 .minimap-annotation-marker {
   position: absolute;
-  left: 8px;
+  left: 0;
   right: 0;
   height: 2px;
-  background-color: rgba(180, 120, 255, 0.85);
+  background-color: rgba(180, 120, 255, 0.9);
+  z-index: 5;
 }
 
 /* ── Lightweight gutter dot (render loop) ─────────────────────────────── */