Antigravity RTL Arabic — Fix Arabic RTL Direction in AI Chat
The #1 RTL Arabic extension for Antigravity, VS Code, Cursor, Windsurf & all VS Code-based editors.
What is Antigravity RTL Arabic?
Antigravity RTL Arabic is a VS Code extension that automatically fixes Arabic RTL (Right-to-Left) text direction in AI Chat interfaces. If you use Antigravity, VS Code, Cursor, Windsurf, VSCodium, or any other VS Code-based editor — and your Arabic text appears broken, reversed, or left-aligned in the AI Chat panel — this extension fixes it instantly.
The extension patches the editor's internal CSS to ensure that Arabic, Persian (Farsi), and Urdu text renders with correct RTL direction, proper alignment, and natural reading flow — while keeping all code blocks strictly LTR (Left-to-Right).
✨ Why Use This RTL Arabic Extension?
Most VS Code-based editors have zero built-in RTL support for their AI Chat panels. When you chat in Arabic with AI assistants like Copilot, Claude, Gemini, or any AI model:
- ❌ Arabic text appears left-aligned instead of right-aligned
- ❌ Bullet points and numbered lists are misaligned and unreadable
- ❌ Blockquotes display borders on the wrong side
- ❌ Tables with Arabic content have broken alignment
- ❌ Mixed Arabic-English text has incorrect bidirectional flow
Antigravity RTL Arabic fixes ALL of these problems automatically.
🚀 RTL Arabic Features
- ✅ Automatic RTL Detection: Detects Arabic, Persian, and Urdu content and applies correct RTL direction automatically.
- 🛡️ Smart Code Isolation: Code blocks stay strictly LTR — no broken syntax highlighting.
- 📝 RTL List Formatting: Bullet points (
•) and numbered lists align correctly in RTL Arabic text, including nested lists.
- 📊 RTL Table Support: Arabic text in tables aligns properly with correct cell direction.
- 💬 RTL Blockquotes: Quote borders appear on the correct side (right side for Arabic RTL).
- 🔍 Active Editor Isolation: Targets ONLY the running editor instance without altering other installed IDEs.
- 🔤 Dynamic Typography: Configure custom Arabic font families (
antigravity.fontFamily) and font sizes (antigravity.fontSize) with automatic real-time updates.
- ⚡ Status Bar Toggle: One-click RTL enable/disable from the status bar.
- ⌨️ Keyboard Shortcut: Toggle Arabic RTL with
Ctrl+Alt+R (Windows/Linux) or Cmd+Alt+R (Mac).
- 🔄 Debounced Update Watcher: Re-applies the RTL fix automatically when your editor updates without race conditions.
- 🔧 Diagnostics: Built-in diagnostic tool for troubleshooting RTL issues.
📦 Supported Editors — RTL Arabic Compatibility
This RTL Arabic extension works on all VS Code-based editors:
| Editor |
Windows |
macOS |
Linux |
RTL Arabic Status |
| Antigravity |
✅ |
✅ |
✅ |
Full RTL Arabic support |
| VS Code |
✅ |
✅ |
✅ |
Full RTL Arabic support |
| Cursor |
✅ |
✅ |
✅ |
Full RTL Arabic support |
| Windsurf |
✅ |
✅ |
✅ |
Full RTL Arabic support |
| VSCodium |
✅ |
✅ |
✅ |
Full RTL Arabic support |
| Code Insiders |
✅ |
✅ |
✅ |
Full RTL Arabic support |
| Positron |
✅ |
✅ |
✅ |
Full RTL Arabic support |
| Any VS Code Fork |
✅ |
✅ |
✅ |
Full RTL Arabic support |
Supported RTL Languages
- Arabic (العربية) — Full RTL direction support
- Persian / Farsi (فارسی) — Full RTL direction support
- Urdu (اردو) — Full RTL direction support
🔧 How to Install the RTL Arabic Extension
From Open VSX Registry (Antigravity, VSCodium, Windsurf)
- Open your editor → Extensions panel
- Search for "RTL Arabic" or "Antigravity RTL"
- Click Install
- Restart your editor
- Done! Arabic RTL is now active ✅
From VS Code Marketplace (VS Code, Cursor)
- Open VS Code or Cursor → Extensions panel
- Search for "RTL Arabic" or "Antigravity RTL"
- Click Install
- Restart your editor
Manual Installation (.vsix)
- Download the
.vsix file from GitHub Releases
- Open your editor → Command Palette →
Extensions: Install from VSIX...
- Select the downloaded file
- Restart your editor
🎮 How to Use RTL Arabic
After installation, the RTL Arabic fix is applied automatically. You'll see "RTL: On" in the status bar.
Manual Controls
| Action |
Method |
| Toggle RTL Arabic |
Click RTL: On/Off in status bar |
| Toggle RTL Arabic |
Press Ctrl+Alt+R (Win/Linux) or Cmd+Alt+R (Mac) |
| Enable RTL Arabic |
Command Palette → RTL Patcher: Enable RTL for Arabic Chat |
| Disable RTL Arabic |
Command Palette → RTL Patcher: Disable RTL (Restore Default) |
| Diagnose RTL Issues |
Command Palette → RTL Patcher: Show RTL Diagnostics |
⚙️ RTL Arabic Configuration
| Setting |
Default |
Description |
antigravity.autoEnable |
true |
Automatically apply RTL Arabic patch on editor startup |
antigravity.fontFamily |
"" |
Custom Arabic font family (e.g., Segoe UI, Tahoma) |
antigravity.fontSize |
"" |
Custom Arabic font size (e.g., 16px) |
🛡️ RTL Arabic Troubleshooting
RTL Arabic Not Working?
- Run
RTL Patcher: Show RTL Diagnostics from the Command Palette
- Check that your editor is detected and the CSS file was found
- Make sure you restarted the editor after installation
"Corrupt Installation" Warning?
This extension automatically updates checksums to prevent this warning. If you still see it:
Permission Errors?
- Windows: Run your editor as Administrator
- macOS: The extension offers to copy a
sudo chown terminal command
- Linux: The extension offers to copy a
sudo chown terminal command
Editor Updated and RTL Arabic Stopped Working?
The built-in Update Watcher automatically re-applies the RTL Arabic patch. Just restart your editor.
⚠️ Important Notes
- This extension works by patching
workbench.desktop.main.css — the internal CSS file of your editor.
- The patch is automatically re-applied if your editor updates.
- If you uninstall this extension, run "Disable RTL" first to restore original files.
- The extension does NOT affect the code editor, terminal, or other extensions — only the AI Chat panel.
🛠️ Developer Instructions — Build & Publish
Run Tests
node test_suite.js
Update Version
npm version patch # or minor / major
Package
npx @vscode/vsce package
Publish to Stores
1. Open VSX Registry (Antigravity, VSCodium, Windsurf, Cursor)
# Package:
npx @vscode/vsce package -o batalelo.antigravity-rtl-patcher-<VERSION>.vsix
# Publish:
npx ovsx publish batalelo.antigravity-rtl-patcher-<VERSION>.vsix -p <OVSX_TOKEN>
2. VS Code Marketplace
- Publisher:
AbdallahElbatal
# Temporarily set "publisher": "AbdallahElbatal" in package.json, then:
npx @vscode/vsce package -o antigravity-rtl-patcher-vscode-<VERSION>.vsix
npx @vscode/vsce publish -p <VSCE_TOKEN>
# Revert "publisher" back to "batalelo"
3. One-Click Automated Publish Script
node publish.js
📄 License
MIT License — free to use, modify, and distribute.
Keywords: RTL, Arabic, RTL Arabic, Antigravity, right to left, direction, bidi, bidirectional, Arabic chat, Arabic AI, Arabic direction, RTL direction, RTL fix, Arabic fix, Persian, Farsi, Urdu, VS Code, Cursor, Windsurf, VSCodium, AI chat, text direction, RTL support, Arabic support, Antigravity RTL, VS Code RTL, Cursor RTL, Windsurf RTL, workbench, CSS, patch, extension, formatter.