Araby Bot

Arabic RTL support in Flutter Web is more complex than setting a text direction flag. Every input field, every animation, every layout component, and every streaming text renderer needs to be individually validated for right-to-left layout. The AI response streaming added a second layer: Arabic text had to appear correctly RTL even as tokens arrived character by character — partial grapheme clusters must never appear on screen mid-render.

I built RTL support into the layout system from day one rather than patching it in after the fact. The MaterialApp-level textDirection is set to RTL for Arabic locale, so the entire widget tree inherits directionality without per-widget overrides. Every input field was tested for cursor positioning and selection handles. Every animation was checked for left/right mirroring. The streaming response renderer uses a grapheme cluster buffer — it holds incomplete characters until a full codepoint is received before rendering, so the user never sees a broken Arabic letter mid-stream.