[Bug] Arrows , Chevrons and Panel icons direction is wrong in RTL languages

[alirezaImani-f4L3e]

📦 Environment

Docker

📌 Version

1.52.x

💻 Operating System

macOS

🌐 Browser

Chrome

🐛 Bug Description

Arrow , Chevrons and Panel icons direction is wrong when user using RTL languages .

📷 Recurrence Steps

Turn the application language to a RTL language like Arabic or Persian .

🚦 Expected Behavior

Directional icons that are sensitive to orientation should adapt when changing the language.

📝 Additional Information

No response

[lobehubbot]

👀 @alirezaImani-f4L3e

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

[dosubot]

@alirezaImani-f4L3e Hello there! I'm here to assist you with any bugs, questions, or contributions you may have. Let's tackle this together!

The issue with directional icons not adapting correctly to RTL languages can be addressed by ensuring that the icons are conditionally rendered based on the text direction. In the codebase, the directional icons are styled to adapt to RTL languages by checking the direction context from ConfigProvider.ConfigContext. For example, in the Tool.tsx file, the icons are conditionally set based on the direction:

<Icon
  color={theme.colorTextQuaternary}
  icon={direction === 'rtl' ? LucideSquareArrowLeft : LucideSquareArrowRight}
  size={'large'}
/>

Ensure that similar conditional logic is applied wherever directional icons are used, so they render correctly for RTL languages ^[1].

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[dosubot]

The issue with directional icons not adapting correctly to RTL languages can be addressed by ensuring that the icons are conditionally rendered based on the text direction. In the codebase, the directional icons are styled to adapt to RTL languages by checking the direction context from ConfigProvider.ConfigContext. For example, in the Tool.tsx file, the icons are conditionally set based on the direction:

<Icon
  color={theme.colorTextQuaternary}
  icon={direction === 'rtl' ? LucideSquareArrowLeft : LucideSquareArrowRight}
  size={'large'}
/>

Ensure that similar conditional logic is applied wherever directional icons are used, so they render correctly for RTL languages ^[1].

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}