Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>RTL Arabic AI Chat Fix (VS Code, Cursor, Antigravity)New to Visual Studio Code? Get it now.
RTL Arabic AI Chat Fix (VS Code, Cursor, Antigravity)

RTL Arabic AI Chat Fix (VS Code, Cursor, Antigravity)

Abdallah Elbatal

|
360 installs
| (0) | Free
Complete RTL direction and Arabic text alignment patcher for Antigravity, VS Code, Cursor, and VS Code-based AI chats.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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)

  1. Open your editor → Extensions panel
  2. Search for "RTL Arabic" or "Antigravity RTL"
  3. Click Install
  4. Restart your editor
  5. Done! Arabic RTL is now active ✅

From VS Code Marketplace (VS Code, Cursor)

  1. Open VS Code or Cursor → Extensions panel
  2. Search for "RTL Arabic" or "Antigravity RTL"
  3. Click Install
  4. Restart your editor

Manual Installation (.vsix)

  1. Download the .vsix file from GitHub Releases
  2. Open your editor → Command Palette → Extensions: Install from VSIX...
  3. Select the downloaded file
  4. 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?

  1. Run RTL Patcher: Show RTL Diagnostics from the Command Palette
  2. Check that your editor is detected and the CSS file was found
  3. 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:

  • It is safe to dismiss
  • Or use the Fix VSCode Checksums extension

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)

  • Publisher: batalelo
# 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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft