fix: add dir attribute to edit message textareas

Author: Algorithm5838

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

@@ -716,11 +716,12 @@
 
 						{#if edit === true}
 							<div class="w-full bg-gray-50 dark:bg-gray-800 rounded-3xl px-5 py-3 my-2">
-								<textarea
-									id="message-edit-{message.id}"
-									bind:this={editTextAreaElement}
-									class=" bg-transparent outline-hidden w-full resize-none"
-									bind:value={editedContent}
+							<textarea
+								id="message-edit-{message.id}"
+								bind:this={editTextAreaElement}
+								class=" bg-transparent outline-hidden w-full resize-none"
+								dir={($settings?.chatDirection ?? 'auto').toLowerCase()}
+								bind:value={editedContent}
 									on:input={(e) => {
 										const messagesContainer = document.getElementById('messages-container');
 										const savedScrollTop = messagesContainer?.scrollTop;

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

@@ -298,11 +298,12 @@
 					{/if}
 
 					<div class="max-h-96 overflow-auto" bind:this={editScrollContainer}>
-						<textarea
-							id="message-edit-{message.id}"
-							bind:this={messageEditTextAreaElement}
-							class=" bg-transparent outline-hidden w-full resize-none"
-							bind:value={editedContent}
+					<textarea
+						id="message-edit-{message.id}"
+						bind:this={messageEditTextAreaElement}
+						class=" bg-transparent outline-hidden w-full resize-none"
+						dir={($settings?.chatDirection ?? 'auto').toLowerCase()}
+						bind:value={editedContent}
 							on:input={(e) => {
 								const messagesContainer = document.getElementById('messages-container');
 								const savedScrollTop = messagesContainer?.scrollTop;