Right-to-left layout (Arabic, Hebrew, Persian) for the Claude Code chat panel and plan preview, with a one-click RTL/LTR button. Unofficial, not affiliated with Anthropic.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Right-to-left layout for the Claude Code chat panel in VS Code, for Arabic, Hebrew and Persian.
Unofficial community extension. Not affiliated with or endorsed by Anthropic.
What it fixes
Your messages and Claude's replies read right-to-left.
Paragraphs that start with an English word (for example WARP بيعمل outer TLS tunnel...) stay right-to-left instead of flipping to left-to-right.
Replies stay right-to-left while they are still streaming.
Lists, headings, quotes and tables are aligned right.
The plan preview is right-to-left too.
Code blocks, tool calls and the thinking block stay left-to-right.
The prompt box picks its direction from what you type, so English commands still type normally.
Usage
It works as soon as it's installed. Reload the window when it asks you to.
RTL / LTR button: click it in the Claude Code panel header, next to the history and new-session buttons, to switch text direction instantly. It remembers your choice. The plan preview has the same button in its bottom-right corner.
Status bar: click Claude RTL at the bottom left to remove the extension's changes from Claude Code completely, or add them back.
Commands (Ctrl+Shift+P):
Claude RTL: Add to / Remove from Claude Code
Claude RTL: Add to Claude Code / Re-apply
Claude RTL: Remove from Claude Code (restore original files)
Claude RTL: Show Status
Setting:claudeRtl.enabled
How it works
Claude Code doesn't offer a way to style its chat panel, so this extension adds small, clearly marked blocks to Claude Code's own files:
webview/index.css: the right-to-left styles
webview/index.js: the RTL / LTR button
extension.js: the same styles and button for the plan preview
Claude Code updates: it re-applies itself automatically. You'll be asked to reload the window once.
Disabling or uninstalling: Claude Code's files go back to their original content.
Using it with "Claude Code RTL Support"
Don't install both. They edit the same files and would undo each other's changes. If the other extension is installed, this one pauses and offers to uninstall it for you.
Credits
The CSS selectors are based on claude-code-rtl by YechielBy (MIT).
