4runr-os 2.9.41 → 2.9.44

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

@@ -144,7 +144,7 @@ fn render_header(f: &mut Frame, area: Rect, state: &AppState) {
     
     // Line 1: Brand + version + mode + uptime - Bug 3 fix: Use "4Runr." with dot (matches brand logo)
     // Use npm package version (2.9.24) - matches package.json
-    const PACKAGE_VERSION: &str = "2.9.41";
+    const PACKAGE_VERSION: &str = "2.9.44";
     let brand_line = Line::from(vec![
         Span::styled("4Runr.", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
         Span::styled(" AI AGENT OS", Style::default().fg(BRAND_VIOLET)),

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

@@ -175,7 +175,7 @@ fn render_description(f: &mut Frame, area: Rect) {
     f.render_widget(block, area);
     
     let text = Paragraph::new("Choose how you want to connect to a Gateway server.")
-        .style(Style::default().fg(TEXT_DIM))
+        .style(Style::default().fg(TEXT_DIM).bg(BG_PANEL))
         .alignment(ratatui::layout::Alignment::Center);
     
     f.render_widget(text, inner);
@@ -226,8 +226,10 @@ fn render_options_list(f: &mut Frame, area: Rect, state: &AppState) {
         }
     }
     
-    // CRITICAL: Clear the list area first to prevent duplication
-    f.render_widget(Clear, area);
+    // CRITICAL: Fill entire area with background so every cell is overwritten.
+    // Without this, List only paints rows with items; leftover rows show previous frame (duplication).
+    let fill = Block::default().style(Style::default().bg(BG_PANEL));
+    f.render_widget(fill, area);
     
     let options = vec![
         ("Local Bundle", GatewayOption::LocalBundle),
@@ -301,8 +303,10 @@ fn render_option_details(f: &mut Frame, area: Rect, state: &AppState) {
         }
     }
     
-    // CRITICAL: Clear the details area first to prevent content overlap/corruption
-    f.render_widget(Clear, area);
+    // CRITICAL: Fill entire area with background so every cell is overwritten.
+    // Without this, Paragraph may not paint every cell; leftover shows previous option (corruption).
+    let fill = Block::default().style(Style::default().bg(BG_PANEL));
+    f.render_widget(fill, area);
     
     let selected_option = &state.setup_portal.selected_option;
     let detection_result = &state.setup_portal.detection_result;
@@ -408,58 +412,22 @@ fn render_option_details(f: &mut Frame, area: Rect, state: &AppState) {
         .border_style(Style::default().fg(TEXT_DIM))
         .style(Style::default().bg(BG_PANEL));
     
-    // CRITICAL: Render block first to clear and establish boundaries
-    let inner = block.inner(area);
+    // CRITICAL: Use the standard Ratatui pattern - Paragraph with .block()
+    // This is more reliable than rendering Block and Paragraph separately
+    let paragraph = Paragraph::new(content)
+        .block(block)
+        .wrap(Wrap { trim: true })
+        .style(Style::default().bg(BG_PANEL));  // Ensure background fills the block
     
-    // CRITICAL: Validate inner area to prevent index out of bounds panic
-    // Ratatui panics if area coordinates exceed terminal buffer
+    // Validate area before rendering
     let terminal_size = f.size();
-    let safe_inner = Rect {
-        x: inner.x.min(terminal_size.width.saturating_sub(1)),
-        y: inner.y.min(terminal_size.height.saturating_sub(1)),
-        width: inner.width.min(terminal_size.width.saturating_sub(inner.x)),
-        height: inner.height.min(terminal_size.height.saturating_sub(inner.y)),
-    };
-    
-    // DEBUG: Log block inner area
-    unsafe {
-        if LOG_COUNT % 10 == 1 {
-            eprintln!("[SETUP-PORTAL]   Block outer: x={}, y={}, w={}, h={}", 
-                area.x, area.y, area.width, area.height);
-            eprintln!("[SETUP-PORTAL]   Block inner (original): x={}, y={}, w={}, h={}", 
-                inner.x, inner.y, inner.width, inner.height);
-            eprintln!("[SETUP-PORTAL]   Terminal size: {}x{}", terminal_size.width, terminal_size.height);
-            eprintln!("[SETUP-PORTAL]   Block inner (safe): x={}, y={}, w={}, h={}", 
-                safe_inner.x, safe_inner.y, safe_inner.width, safe_inner.height);
-            
-            // Warn if we had to clamp
-            if inner.x != safe_inner.x || inner.y != safe_inner.y || 
-               inner.width != safe_inner.width || inner.height != safe_inner.height {
-                eprintln!("[SETUP-PORTAL]   ⚠️ WARNING: Inner area was clamped to fit terminal bounds!");
-            }
-        }
-    }
-    
-    // Validate area before rendering block
     if area.width == 0 || area.height == 0 || 
        area.x >= terminal_size.width || area.y >= terminal_size.height {
-        eprintln!("[SETUP-PORTAL]   ⚠️ ERROR: Invalid block area, skipping render");
-        return;
-    }
-    
-    f.render_widget(block, area);
-    
-    // Validate safe_inner before rendering paragraph
-    if safe_inner.width == 0 || safe_inner.height == 0 {
-        eprintln!("[SETUP-PORTAL]   ⚠️ ERROR: Invalid inner area (zero size), skipping paragraph render");
+        eprintln!("[SETUP-PORTAL]   ⚠️ ERROR: Invalid area, skipping render");
         return;
     }
     
-    // Then render paragraph content only within the safe inner area
-    let paragraph = Paragraph::new(content)
-        .wrap(Wrap { trim: true });
-    
-    f.render_widget(paragraph, safe_inner);
+    f.render_widget(paragraph, area);
 }
 
 fn render_error_box(f: &mut Frame, area: Rect, state: &AppState) {
@@ -518,7 +486,8 @@ fn render_actions(f: &mut Frame, area: Rect, state: &AppState) {
     };
     
     let paragraph = Paragraph::new(text)
-        .alignment(ratatui::layout::Alignment::Center);
+        .alignment(ratatui::layout::Alignment::Center)
+        .style(Style::default().bg(BG_PANEL));
     
     f.render_widget(paragraph, inner);
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "4runr-os",
-  "version": "2.9.41",
+  "version": "2.9.44",
   "type": "module",
-  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.41: Fixed Setup Portal index out of bounds panic - added bounds validation and clamping for safe area rendering. Added comprehensive debug logging for Setup Portal rendering diagnostics. v2.9.40: Fixed Setup Portal rendering. ⚠️ Pre-MVP / Development Phase",
+  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.44: Setup Portal navigation fix - fill background before List/details to fix duplication and character corruption. v2.9.43: Release prep. ⚠️ Pre-MVP / Development Phase",
   "main": "dist/index.js",
   "bin": {
     "4runr": "dist/index.js",