4runr-os 2.9.21 → 2.9.22

package/mk3-tui/src/app.rs

@@ -1720,7 +1720,8 @@ impl App {
                     self.add_log("[ERROR] WebSocket not connected".to_string());
                 }
                 
-                self.request_render("portal_connect");
+                // CRITICAL: Use immediate render for instant status update
+                self.request_immediate_render("portal_connect");
             }
             
             // Typing - edit focused field (immediate render for responsiveness)

package/mk3-tui/src/main.rs

@@ -317,7 +317,8 @@ fn main() -> Result<()> {
                                                 }
                                                 
                                                 // CRITICAL: Request render after state change to update UI
-                                                app.request_render("gateway_connect_success");
+                                                // CRITICAL: Use immediate render for instant success display
+                                                app.request_immediate_render("gateway_connect_success");
                                                 
                                                 // Phase 1.3: Portal will show success state (user closes with ESC)
                                                 // Don't auto-close - let user see success message
@@ -446,8 +447,8 @@ fn main() -> Result<()> {
                                 app.state.connection_portal.error = Some(error_msg.clone());
                                 app.add_log(format!("✗ [{}] Gateway connection failed: {}", short_id, error_msg));
                                 
-                                // CRITICAL: Request render after state change to update UI
-                                app.request_render("gateway_connect_error");
+                                // CRITICAL: Use immediate render for instant error display
+                                app.request_immediate_render("gateway_connect_error");
                             }
                             // Check if this is a response to setup.detect command
                             else if Some(&resp.id) == app.state.pending_setup_detect_id.as_ref() {

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

@@ -60,7 +60,7 @@ pub fn render(f: &mut Frame, state: &AppState) {
             Constraint::Length(3),   // Header
             Constraint::Length(2),   // Description
             Constraint::Length(9),   // Input fields
-            Constraint::Min(6),      // Content area (error/success/connecting)
+            Constraint::Min(10),     // Content area (error/success/connecting) - increased for bordered boxes
             Constraint::Length(3),   // Actions
         ])
         .split(portal_area);
@@ -157,6 +157,26 @@ fn render_content_area(f: &mut Frame, area: Rect, state: &AppState) {
     // CRITICAL FIX: Clear the content area before rendering to prevent artifacts
     f.render_widget(Clear, area);
     
+    // Ensure minimum area size for bordered boxes
+    if area.height < 8 || area.width < 20 {
+        // Area too small - just show simple text
+        let text = if portal.connection_success {
+            "✓ Connected"
+        } else if portal.error.is_some() {
+            "✗ Error"
+        } else if portal.connecting {
+            "⏳ Connecting..."
+        } else {
+            "Enter Gateway URL and press Enter to connect"
+        };
+        
+        let paragraph = Paragraph::new(text)
+            .alignment(Alignment::Center)
+            .style(Style::default().fg(if portal.connection_success { NEON_GREEN } else if portal.error.is_some() { ERROR_RED } else if portal.connecting { AMBER_WARN } else { TEXT_DIM }));
+        f.render_widget(paragraph, area);
+        return;
+    }
+    
     if portal.connection_success {
         render_success(f, area, state);
     } else if let Some(error) = &portal.error {
@@ -170,10 +190,11 @@ fn render_content_area(f: &mut Frame, area: Rect, state: &AppState) {
 }
 
 fn render_connecting(f: &mut Frame, area: Rect) {
+    // Make the connecting box very prominent
     let block = Block::default()
         .title(" ⏳ CONNECTING ")
         .borders(Borders::ALL)
-        .border_style(Style::default().fg(AMBER_WARN).bold())
+        .border_style(Style::default().fg(AMBER_WARN).bold().add_modifier(Modifier::BOLD))
         .style(Style::default().bg(BG_PANEL));
     
     let inner = block.inner(area);
@@ -222,10 +243,11 @@ fn render_error(f: &mut Frame, area: Rect, error: &str) {
         ("Connection Error", error_msg)
     };
     
+    // Make the error box very prominent
     let block = Block::default()
         .title(format!(" ✗ {}", display_title))
         .borders(Borders::ALL)
-        .border_style(Style::default().fg(ERROR_RED).bold())
+        .border_style(Style::default().fg(ERROR_RED).bold().add_modifier(Modifier::BOLD))
         .style(Style::default().bg(BG_PANEL));
     
     let inner = block.inner(area);
@@ -274,10 +296,11 @@ fn render_success(f: &mut Frame, area: Rect, state: &AppState) {
         ("Verifying...", AMBER_WARN)
     };
     
+    // Make the success box very prominent
     let block = Block::default()
         .title(" ✓ CONNECTED ")
         .borders(Borders::ALL)
-        .border_style(Style::default().fg(NEON_GREEN).bold())
+        .border_style(Style::default().fg(NEON_GREEN).bold().add_modifier(Modifier::BOLD))
         .style(Style::default().bg(BG_PANEL));
     
     let inner = block.inner(area);

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

@@ -143,8 +143,8 @@ 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.21) - matches package.json
-    const PACKAGE_VERSION: &str = "2.9.21";
+    // Use npm package version (2.9.22) - matches package.json
+    const PACKAGE_VERSION: &str = "2.9.22";
     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/package.json

@@ -1,8 +1,8 @@
 {
   "name": "4runr-os",
-  "version": "2.9.21",
+  "version": "2.9.22",
   "type": "module",
-  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.21: Improved Connection Portal status display - clear bordered boxes for connecting/connected/error states. v2.9.20: Fixed Setup Portal navigation. v2.9.17: Portals are now standalone base screens. ⚠️ Pre-MVP / Development Phase",
+  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.22: Connection Portal status fixes - immediate render, larger content area, prominent bordered boxes. v2.9.21: Improved status display. v2.9.20: Fixed Setup Portal navigation. ⚠️ Pre-MVP / Development Phase",
   "main": "dist/index.js",
   "bin": {
     "4runr": "dist/index.js",