Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>Kiro RTL SupportNew to Visual Studio Code? Get it now.
Kiro RTL Support

Kiro RTL Support

talco

|
3 installs
| (1) | Free
Enables proper Right-to-Left (RTL) text rendering for Hebrew and Arabic inside the Kiro IDE built-in AI Chat.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Kiro RTL Support

Visual Studio Marketplace Version License GitHub Repository

A lightweight Kiro IDE extension designed specifically to patch and fix Right-to-Left (RTL) text rendering for Hebrew and Arabic within the built-in AI Chat interface.

This extension automatically ensures that while RTL text aligns perfectly to the right, code blocks (<pre>, <code>), English segments, and interactive buttons remain correctly formatted from Left-to-Right (LTR).


Key Features

  • 🌐 Automatic RTL Text Alignment: Fixes inverted or left-aligned Hebrew and Arabic text inside the IDE's AI chat interface.
  • 🧠 Smart Formatting Exclusions: Retains original LTR layout and syntax formatting for code blocks, pre-formatted strings, inline code markdown, and status buttons.
  • ⚡ Toggle via Command Palette: Easily enable or disable the RTL styling patches on-the-fly without manually modifying configuration files.
  • 🎨 List Padding Alignments: Re-adjusts standard list margins (bulleted and numbered lists) to align on the right side when containing RTL content.
  • 💾 Persistent Preference: Saves the active injection state across IDE workspaces, windows, and restarts.

How It Works

Kiro IDE dynamically renders chat content. This extension patches the underlying VS Code workbench file (workbench.desktop.main.js) to inject a lightweight script.

The injected script:

  1. Installs a MutationObserver that listens for updates to the chat window.
  2. Scans text elements dynamically for Hebrew (\u0590-\u05FF) or Arabic (\u0600-\u06FF, etc.) characters.
  3. Automatically applies the inline CSS styles direction: rtl !important and text-align: right !important only to relevant text fragments.

Getting Started & Usage

After installation, you'll see an RTL: ON/OFF indicator in the Status Bar (bottom right).

  1. Press Ctrl + Shift + P (or Cmd + Shift + P on macOS) to open the Command Palette.
  2. Type Kiro RTL: Toggle Status and press Enter.
  3. A notification dialog will appear confirming whether RTL support has been enabled or disabled.
  4. Click Restart Now to refresh the window and apply the layout configuration.

Technical Specifications & Requirements

To apply the workbench patch, the extension requires access to the following:

  • Workspace File System: Requires write permissions to the internal out/vs/workbench/workbench.desktop.main.js path within vscode.env.appRoot to inject the style observer.

[!WARNING] IDE Updates: If the Kiro IDE undergoes a major core update, it may overwrite the workbench file and clear the patch. If this happens, simply run the Kiro RTL: Toggle Status command again to re-apply the patch.


License

This project is licensed under the MIT License - see the LICENSE file for details.

Developed with ❤️ by talco.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft