Skip to content

feat(agent): add dynamic RTL language support to chat components#1071

Open
Abdullah Madoun (AbdullahMadoun) wants to merge 1 commit into
browseros-ai:mainfrom
AbdullahMadoun:feature/rtl-support
Open

feat(agent): add dynamic RTL language support to chat components#1071
Abdullah Madoun (AbdullahMadoun) wants to merge 1 commit into
browseros-ai:mainfrom
AbdullahMadoun:feature/rtl-support

Conversation

@AbdullahMadoun
Copy link
Copy Markdown

@AbdullahMadoun Abdullah Madoun (AbdullahMadoun) commented May 29, 2026

Comprehensive RTL Language Support in Chat UI

This pull request implements dynamic Right-to-Left (RTL) language rendering support (Arabic, Hebrew, Farsi, etc.) across the Chat UI, covering both the full-page Dashboard/Command Chat and the Sidebar Extension Panel Chat.


🛠️ Changes Included

1. Unified Message Alignment (User & Assistant)

  • message.tsx:
    • Added text-start to the base <MessageContent> wrapper to ensure dynamic directionality is preserved for user bubbles.
    • Applied CSS standard classes [unicode-bidi:plaintext] and [&_*]:text-start selectors to <Streamdown>. Every paragraph in assistant responses aligns dynamically to the right for RTL and left LTR, while keeping code blocks LTR.

2. Sidebar Chat Input & Composer

  • ChatInput.tsx:
    • Added dir="auto" and text-start to the sidebar <textarea> input composer.

3. Dashboard Chat Input & Composer

  • ConversationInput.tsx:
    • Added dir="auto" and text-start to the dashboard <Textarea> composer.

4. Dashboard User Message pre-block

  • ConversationMessage.tsx:
    • Applied dir="auto" and text-start to user prompt <pre> rendering.

🧪 Verification & Build Status

  • TypeScript Verification: bun run typecheck passed successfully!
  • Asset Bundling: bun run build:agent:dev successfully compiled extension dev assets.
  • Biome Check: Cleanly formatted and auto-sorted Tailwind classes to pass all repository validation checks.

@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps Bot commented May 29, 2026

PR author is not in the allowed authors list.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 29, 2026

All contributors have signed the CLA. Thank you!
Posted by the CLA Assistant Lite bot.

@AbdullahMadoun Abdullah Madoun (AbdullahMadoun) changed the title feat(agent): add dynamic RTL support and standard Chrome sidepanel compatibility feat(agent): add dynamic RTL language support to chat components May 29, 2026
@AbdullahMadoun
Copy link
Copy Markdown
Author

I have read the CLA Document and I hereby sign the CLA

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant