fix: add text direction support to input fields

Set dir on TipTap block nodes (paragraph, heading, blockquote) and on
message edit textareas using the chatDirection setting.

Author: Algorithm5838

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;
 
@@ -691,7 +692,10 @@
 			element: element,
 			extensions: [
 				StarterKit.configure({
-					link: link
+					link: link,
+					paragraph: { HTMLAttributes: { dir } },
+					heading: { HTMLAttributes: { dir } },
+					blockquote: { HTMLAttributes: { dir } }
 				}),
 				...(dragHandle ? [ListItemDragHandle] : []),
 				Placeholder.configure({ placeholder: () => _placeholder, showOnlyWhenEditable: false }),
@@ -855,7 +859,7 @@
 				}
 			},
 			editorProps: {
-				attributes: { id },
+				attributes: { id, dir },
 				handlePaste: (view, event) => {
 					// Force plain-text pasting when richText === false
 					if (!richText) {
@@ -1179,6 +1183,6 @@
 
 <div
 	bind:this={element}
-	dir="auto"
+	{dir}
 	class="relative w-full min-w-full {className} {!editable ? 'cursor-not-allowed' : ''}"
 />