fix(rtl): auto-detect text direction in reasoning block

2026-03-23 08:45:50 +00:00
parent 0874f78ccf
commit 46150cda5e
2 changed files with 2 additions and 1 deletions
--- a/packages/ui/src/components/message-block.tsx
+++ b/packages/ui/src/components/message-block.tsx
@@ -1531,7 +1531,7 @@ function ReasoningCard(props: ReasoningCardProps) {
        <div class="message-reasoning-expanded">
          <div class="message-reasoning-body">
            <div class="message-reasoning-output" role="region" aria-label={t("messageBlock.reasoning.detailsAriaLabel")}>
-              <pre class="message-reasoning-text">{reasoningText() || ""}</pre>
+              <pre class="message-reasoning-text" dir="auto">{reasoningText() || ""}</pre>
            </div>
          </div>
        </div>
--- a/packages/ui/src/styles/messaging/message-base.css
+++ b/packages/ui/src/styles/messaging/message-base.css
@@ -547,4 +547,5 @@
  color: var(--text-primary);
  white-space: pre-wrap;
  margin: 0;
+  unicode-bidi: plaintext;
 }