4runr-os 2.9.51 → 2.9.52

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.51";
+    const PACKAGE_VERSION: &str = "2.9.52";
     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

@@ -150,10 +150,7 @@ fn render_content(f: &mut Frame, area: Rect, state: &mut AppState, render_id: u6
     render_option_details(f, chunks[1], state, render_id);
 }
 
-fn render_options_list(f: &mut Frame, area: Rect, state: &mut AppState, render_id: u64) {
-    let fill = Block::default().style(Style::default().bg(BG_PANEL));
-    f.render_widget(fill, area);
-
+fn render_options_list(f: &mut Frame, area: Rect, state: &mut AppState, _render_id: u64) {
     let options = vec![
         ("Local Bundle", GatewayOption::LocalBundle),
         ("4Runr Server", GatewayOption::CloudServer),
@@ -161,7 +158,7 @@ fn render_options_list(f: &mut Frame, area: Rect, state: &mut AppState, render_i
     ];
 
     let selected_option = &state.setup_portal.selected_option;
-    let selected_index = options.iter()
+    let _selected_index = options.iter()
         .position(|(_, opt)| opt == selected_option)
         .unwrap_or(0);
 
@@ -185,24 +182,26 @@ fn render_options_list(f: &mut Frame, area: Rect, state: &mut AppState, render_i
         })
         .collect();
 
+    // CRITICAL: Render block first, then fill inner, then list to ensure full paint
     let block = Block::default()
         .borders(Borders::ALL)
         .title(" Gateway Options ")
         .border_style(Style::default().fg(CYBER_CYAN))
         .style(Style::default().bg(BG_PANEL));
 
-    // STATELESS: Render list without ListState so only our item styling (► + color) shows selection.
-    // This removes any second source of highlight that could drift from selected_option.
-    let list = List::new(items).block(block);
-    f.render_widget(list, area);
+    let inner = block.inner(area);
+    f.render_widget(block, area);
+    
+    // Fill inner area
+    let fill = Block::default().style(Style::default().bg(BG_PANEL));
+    f.render_widget(fill, inner);
+
+    // STATELESS: Render list without ListState so only our item styling (► + color) shows selection
+    let list = List::new(items).style(Style::default().bg(BG_PANEL));
+    f.render_widget(list, inner);
 }
 
 fn render_option_details(f: &mut Frame, area: Rect, state: &AppState, _render_id: u64) {
-    // 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;
     
@@ -288,28 +287,33 @@ fn render_option_details(f: &mut Frame, area: Rect, state: &AppState, _render_id
         ),
     };
 
-    // Use Block to properly contain and clear the area
+    // CRITICAL: Render Block first (clears its area), then Paragraph separately to force full paint
     let block = Block::default()
         .title(title)
         .borders(Borders::ALL)
         .border_style(Style::default().fg(TEXT_DIM))
         .style(Style::default().bg(BG_PANEL));
     
-    // CRITICAL: Use the standard Ratatui pattern - Paragraph with .block()
-    // This is more reliable than rendering Block and Paragraph separately
+    let inner = block.inner(area);
+    f.render_widget(block, area);
+    
+    // Fill the inner area with background explicitly
+    let fill = Block::default().style(Style::default().bg(BG_PANEL));
+    f.render_widget(fill, inner);
+    
+    // Now render paragraph (content only, no block)
     let paragraph = Paragraph::new(content)
-        .block(block)
         .wrap(Wrap { trim: true })
-        .style(Style::default().bg(BG_PANEL));  // Ensure background fills the block
+        .style(Style::default().bg(BG_PANEL));
     
     // Validate area before rendering
     let terminal_size = f.size();
-    if area.width == 0 || area.height == 0 || 
-       area.x >= terminal_size.width || area.y >= terminal_size.height {
+    if inner.width == 0 || inner.height == 0 || 
+       inner.x >= terminal_size.width || inner.y >= terminal_size.height {
         return;
     }
     
-    f.render_widget(paragraph, area);
+    f.render_widget(paragraph, inner);
 }
 
 fn render_error_box(f: &mut Frame, area: Rect, state: &AppState) {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "4runr-os",
-  "version": "2.9.51",
+  "version": "2.9.52",
   "type": "module",
-  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.51: Setup Portal - no clear on nav (no flicker), removed debug logs. v2.9.50: Clear only when selection changed. ⚠️ Pre-MVP / Development Phase",
+  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.52: Setup Portal - block+fill+widget render (no flicker, no corruption). v2.9.51: No clear on nav, removed debug logs. ⚠️ Pre-MVP / Development Phase",
   "main": "dist/index.js",
   "bin": {
     "4runr": "dist/index.js",