wrap error text

[adhami3310]

[greptile-apps]

Greptile Overview

Greptile Summary

Improved error text display by adding word_break="break-word" and white_space="pre-wrap" to the error message pre element, and removed the width="fit-content" constraint from its parent container.

• Added CSS properties to properly wrap long error messages that would otherwise overflow the container
• Removed width constraint to allow error text to utilize full available width

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• The changes are purely CSS styling improvements that enhance readability of error messages without affecting any logic or functionality. The modifications use standard CSS properties that are well-supported and appropriate for the use case.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
reflex/components/base/error_boundary.py	5/5	Added CSS properties to wrap long error text properly, removed width constraint

Sequence Diagram

sequenceDiagram
    participant App as Application Code
    participant EB as ErrorBoundary
    participant FE as FrontendEventExceptionState
    participant UI as Error UI (pre element)
    
    App->>EB: Component throws error
    EB->>FE: on_error(error, info)
    FE->>FE: handle_frontend_exception
    EB->>UI: Render fallback UI
    Note over UI: word_break="break-word"<br/>white_space="pre-wrap"<br/>(wraps long error text)
    UI->>UI: Display formatted error
    UI-->>User: Show error with proper wrapping

Loading

[greptile-apps]

_{1 file reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}

[codspeed-hq]

CodSpeed Performance Report

Merging #5992 will not alter performance

_{Comparing wrap-error-text (a7c7c01) with main (a987437)}

Summary

✅ 8 untouched