fix: add text direction support to input fields

Use unicode-bidi: plaintext on ProseMirror so paragraph direction is
detected from content while typing. Add dir to edit textareas using
the chatDirection setting.

Author: Algorithm5838

src/app.css

@@ -359,6 +359,7 @@ input[type='number'] {
 
 .ProseMirror {
 	@apply h-full min-h-fit max-h-full whitespace-pre-wrap;
+	unicode-bidi: plaintext;
 }
 
 .ProseMirror:focus {

src/lib/components/channel/MessageInput.svelte

@@ -871,6 +871,7 @@
 									{#key $settings?.richTextInput && $settings?.showFormattingToolbar}
 										<RichTextInput
 											id="chat-input"
+											dir={$settings?.chatDirection ?? 'auto'}
 											bind:this={chatInputElement}
 											json={true}
 											messageInput={true}

src/lib/components/chat/MessageInput.svelte

@@ -1305,6 +1305,7 @@
 												<RichTextInput
 													bind:this={chatInputElement}
 													id="chat-input"
+													dir={$settings?.chatDirection ?? 'auto'}
 													editable={!showInputModal}
 													onChange={(content) => {
 														prompt = content.md;

src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -694,6 +694,7 @@
 								<textarea
 									id="message-edit-{message.id}"
 									bind:this={editTextAreaElement}
+									dir={$settings?.chatDirection ?? 'auto'}
 									class=" bg-transparent outline-hidden w-full resize-none"
 									bind:value={editedContent}
 									on:input={(e) => {

src/lib/components/chat/Messages/UserMessage.svelte

@@ -287,6 +287,7 @@
 						<textarea
 							id="message-edit-{message.id}"
 							bind:this={messageEditTextAreaElement}
+							dir={$settings?.chatDirection ?? 'auto'}
 							class=" bg-transparent outline-hidden w-full resize-none"
 							bind:value={editedContent}
 							on:input={(e) => {

src/lib/components/common/RichTextInput.svelte

@@ -170,6 +170,7 @@
 	export let documentId = '';
 
 	export let className = 'input-prose min-h-fit h-full';
+	export let dir = 'auto';
 	export let placeholder = $i18n.t('Type here...');
 	let _placeholder = placeholder;
 
@@ -855,7 +856,7 @@
 				}
 			},
 			editorProps: {
-				attributes: { id },
+				attributes: { id, dir },
 				handlePaste: (view, event) => {
 					// Force plain-text pasting when richText === false
 					if (!richText) {
@@ -1179,6 +1180,6 @@
 
 <div
 	bind:this={element}
-	dir="auto"
+	{dir}
 	class="relative w-full min-w-full {className} {!editable ? 'cursor-not-allowed' : ''}"
 />