Merge pull request #756 from rowboatlabs/fix/rtl-bidi-rendering

fix: auto-detect text direction for RTL/BiDi chat content

apps/x/apps/renderer/src/App.css

@@ -1445,3 +1445,10 @@
     transform: translateX(-120%);
   }
 }
+
+/* Issue #749: BiDi. unicode-bidi:plaintext resolves direction PER BLOCK from
+   its first strong character, so a message mixing English + RTL paragraphs
+   aligns each block correctly. text-align:start follows the resolved dir. */
+.bidi-auto :is(p,h1,h2,h3,h4,h5,h6,li,blockquote,td,th){unicode-bidi:plaintext;text-align:start;}
+/* Code is inherently LTR — keep it stable inside RTL messages. */
+.bidi-auto :is(pre,code,kbd,samp){direction:ltr;unicode-bidi:isolate;text-align:left;}

apps/x/apps/renderer/src/components/ai-elements/ask-human-request.tsx

@@ -94,6 +94,7 @@ export const AskHumanRequest = ({
               <div className="space-y-2">
                 <Textarea
                   ref={textareaRef}
+                  dir="auto"
                   value={response}
                   onChange={(e) => setResponse(e.target.value)}
                   onKeyDown={handleKeyDown}

apps/x/apps/renderer/src/components/ai-elements/message.tsx

@@ -349,7 +349,7 @@ export const MessageResponse = memo(
   ({ className, ...props }: MessageResponseProps) => (
     <Streamdown
       className={cn(
-        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 bidi-auto",
         className
       )}
       {...props}

apps/x/apps/renderer/src/components/ai-elements/prompt-input.tsx

@@ -1162,6 +1162,7 @@ export const PromptInputTextarea = ({
         <div
           ref={highlightRef}
           aria-hidden="true"
+          dir="auto"
           className="pointer-events-none absolute inset-0 z-0 overflow-hidden whitespace-pre-wrap break-words text-sm text-transparent"
         >
           {mentionHighlights.segments.map((segment, index) =>
@@ -1180,6 +1181,7 @@ export const PromptInputTextarea = ({
       )}
       <InputGroupTextarea
         ref={textareaRef}
+        dir="auto"
         className={cn("relative z-10 !p-0 field-sizing-content max-h-48 min-h-10", className)}
         name="message"
         onCompositionEnd={() => setIsComposing(false)}