4runr-os 2.1.49 → 2.1.50

package/mk3-tui/src/ui/layout.rs

@@ -511,31 +511,53 @@ fn render_center_column(f: &mut Frame, area: Rect, state: &AppState) {
     f.render_widget(Paragraph::new(lines), content_area);
     
     // === RENDER CLEAN SCROLLBAR (only if scrollable) ===
+    // CRITICAL FIX: Only render scrollbar when actually scrollable to prevent flickering
     if total_logs > visible_height && max_scroll > 0 {
         // Scrollbar positioned inside the border, 1 char from right edge
-        let scrollbar_x = panel_area.x + panel_area.width.saturating_sub(3); // Inside border, 1 char from right
+        // Use fixed position to prevent jitter
+        let scrollbar_x = panel_area.x + panel_area.width.saturating_sub(3);
         let scrollbar_y = content_area.y;
         let scrollbar_height = content_area.height;
         
-        // Calculate scrollbar thumb size (proportional to visible/total ratio)
-        let thumb_height = ((visible_height as f32 / total_logs as f32) * scrollbar_height as f32).max(1.0) as u16;
-        let thumb_height = thumb_height.min(scrollbar_height);
+        // CRITICAL: Use integer math to prevent floating point rounding issues
+        // Calculate thumb size (minimum 1 char, proportional to visible/total)
+        let thumb_height = ((visible_height as u32 * scrollbar_height as u32) / total_logs as u32) as u16;
+        let thumb_height = thumb_height.max(1).min(scrollbar_height);
         
-        // Calculate thumb position based on scroll offset
-        let scroll_ratio = if max_scroll > 0 { state.log_scroll as f32 / max_scroll as f32 } else { 0.0 };
-        let thumb_start = (scroll_ratio * (scrollbar_height - thumb_height) as f32) as u16;
+        // Calculate thumb position using integer math for stability
+        let thumb_start = if max_scroll > 0 {
+            // Use integer division to avoid floating point jitter
+            ((state.log_scroll as u32 * (scrollbar_height.saturating_sub(thumb_height) as u32)) / max_scroll as u32) as u16
+        } else {
+            0
+        };
+        
+        // Clamp thumb_start to valid range
+        let thumb_start = thumb_start.min(scrollbar_height.saturating_sub(thumb_height));
+        let thumb_end = (thumb_start + thumb_height).min(scrollbar_height);
+        
+        // Render scrollbar track (entire height) as single operation to prevent flicker
+        // Build scrollbar string first, then render once
+        let mut scrollbar_chars = vec![String::from("│"); scrollbar_height as usize];
+        
+        // Fill thumb portion
+        for i in thumb_start..thumb_end {
+            if i < scrollbar_height {
+                scrollbar_chars[i as usize] = String::from("█");
+            }
+        }
         
-        // Draw clean scrollbar with better visibility
-        for i in 0..scrollbar_height {
-            let y = scrollbar_y + i;
+        // Render entire scrollbar at once (prevents flickering from multiple renders)
+        for (i, c) in scrollbar_chars.iter().enumerate() {
+            let y = scrollbar_y + i as u16;
             if y < scrollbar_y + scrollbar_height {
-                let (c, color) = if i >= thumb_start && i < thumb_start + thumb_height {
-                    ("█", CYBER_CYAN) // Thumb in cyan (matches panel title)
+                let color = if i >= thumb_start as usize && i < thumb_end as usize {
+                    CYBER_CYAN
                 } else {
-                    ("│", TEXT_MUTED) // Track in muted gray
+                    TEXT_MUTED
                 };
                 f.render_widget(
-                    Paragraph::new(c).style(Style::default().fg(color)),
+                    Paragraph::new(c.as_str()).style(Style::default().fg(color)),
                     Rect { x: scrollbar_x, y, width: 1, height: 1 }
                 );
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "4runr-os",
-  "version": "2.1.49",
+  "version": "2.1.50",
   "type": "module",
   "description": "4Runr AI Agent OS - Interactive terminal for managing AI agents",
   "main": "dist/index.js",