@@ -358,20 +358,31 @@ fn draw_network_panel(f: &mut Frame, app: &App, area: Rect) {
358358 ] )
359359 . split ( inner) ;
360360
361- // Connection info
362- let mode_color = match app. network_mode {
363- NetworkMode :: Disconnected => Color :: Red ,
364- NetworkMode :: Connecting => Color :: Yellow ,
365- NetworkMode :: P2P => Color :: Green ,
366- NetworkMode :: Relay => Color :: Blue ,
367- NetworkMode :: Hybrid => Color :: Cyan ,
361+ // Connection info - distinguish browser connection from P2P room status
362+ let ( mode_text, mode_color) = if app. network_connected {
363+ match app. network_mode {
364+ NetworkMode :: Disconnected => ( "Standby (no room)" . to_string ( ) , Color :: Yellow ) ,
365+ NetworkMode :: Connecting => ( "Connecting..." . to_string ( ) , Color :: Yellow ) ,
366+ NetworkMode :: P2P => ( "P2P Direct" . to_string ( ) , Color :: Green ) ,
367+ NetworkMode :: Relay => ( "Relay Server" . to_string ( ) , Color :: Blue ) ,
368+ NetworkMode :: Hybrid => ( "Hybrid P2P+Relay" . to_string ( ) , Color :: Cyan ) ,
369+ }
370+ } else {
371+ ( "Offline" . to_string ( ) , Color :: Red )
368372 } ;
369373
370374 let conn_info = Paragraph :: new ( vec ! [
371375 Line :: from( vec![
372- Span :: raw( "Mode: " ) ,
376+ Span :: raw( "Browser: " ) ,
373377 Span :: styled(
374- format!( "{}" , app. network_mode) ,
378+ if app. network_connected { "Connected" } else { "Disconnected" } ,
379+ Style :: default ( ) . fg( if app. network_connected { Color :: Green } else { Color :: Red } ) . add_modifier( Modifier :: BOLD ) ,
380+ ) ,
381+ ] ) ,
382+ Line :: from( vec![
383+ Span :: raw( "Room: " ) ,
384+ Span :: styled(
385+ mode_text,
375386 Style :: default ( ) . fg( mode_color) . add_modifier( Modifier :: BOLD ) ,
376387 ) ,
377388 ] ) ,
@@ -571,16 +582,19 @@ fn draw_sidebar(f: &mut Frame, app: &App, area: Rect) {
571582 . block ( Block :: default ( ) . title ( "Meters" ) . borders ( Borders :: TOP ) ) ;
572583 f. render_widget ( levels, chunks[ 0 ] ) ;
573584
574- // Mini network
575- let net_status = if app. network_connected {
576- format ! ( "{} ({})" , app. network_mode, app. peer_count)
585+ // Mini network - show clearer status
586+ let ( net_status, net_color) = if app. network_connected {
587+ match app. network_mode {
588+ NetworkMode :: Disconnected => ( "Standby" . to_string ( ) , Color :: Yellow ) , // Browser connected, no room
589+ _ => ( format ! ( "{} ({})" , app. network_mode, app. peer_count) , Color :: Green ) ,
590+ }
577591 } else {
578- "Offline" . to_string ( )
592+ ( "Offline" . to_string ( ) , Color :: Red )
579593 } ;
580594 let network = Paragraph :: new ( vec ! [
581595 Line :: from( Span :: styled(
582596 net_status,
583- Style :: default ( ) . fg( if app . network_connected { Color :: Green } else { Color :: Red } ) ,
597+ Style :: default ( ) . fg( net_color ) ,
584598 ) ) ,
585599 Line :: from( vec![
586600 Span :: raw( "RTT: " ) ,
0 commit comments