Set dir="auto" on text containers

Add dir="auto" to key text-rendering elements to enable automatic text-direction detection for multilingual and bidirectional content. Applied to the prompt input (contenteditable), the Markdown root container, and the user message text slot to improve handling of RTL/LTR text and user-entered content.

Author: Amr-9

packages/app/src/components/prompt-input.tsx

@@ -1344,6 +1344,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
               aria-multiline="true"
               aria-label={placeholder()}
               contenteditable="true"
+              dir="auto"
               autocapitalize={store.mode === "normal" ? "sentences" : "off"}
               autocorrect={store.mode === "normal" ? "on" : "off"}
               spellcheck={store.mode === "normal"}

packages/ui/src/components/markdown.tsx

@@ -337,6 +337,7 @@ export function Markdown(
   return (
     <div
       data-component="markdown"
+      dir="auto"
       classList={{
         ...local.classList,
         [local.class ?? ""]: !!local.class,

packages/ui/src/components/message-part.tsx

@@ -1100,7 +1100,7 @@ export function UserMessageDisplay(props: { message: UserMessage; parts: PartTyp
       <Show when={text()}>
         <>
           <div data-slot="user-message-body">
-            <div data-slot="user-message-text">
+            <div data-slot="user-message-text" dir="auto">
               <HighlightedText text={text()} references={inlineFiles()} agents={agents()} />
             </div>
           </div>