server : (UI) Support for RTL text as models input or output (#11208)

Author: ebraminio

examples/server/public/index.html.gz

@@ -37,7 +37,7 @@ <h2 class="font-bold ml-4">Conversations</h2>
           <div v-for="conv in conversations" :class="{
             'btn btn-ghost justify-start font-normal': true,
             'btn-active': conv.id === viewingConvId,
-          }" @click="setViewingConv(conv.id)">
+          }" @click="setViewingConv(conv.id)" dir="auto">
             <span class="truncate">{{ conv.messages[0].content }}</span>
           </div>
           <div class="text-center text-xs opacity-40 mt-auto mx-4">
@@ -156,6 +156,7 @@ <h2 class="font-bold ml-4">Conversations</h2>
             @keydown.enter.shift.exact.prevent="inputMsg += '\n'"
             :disabled="isGenerating"
             id="msg-input"
+            dir="auto"
           ></textarea>
           <button v-if="!isGenerating" class="btn btn-primary ml-2" @click="sendMessage" :disabled="inputMsg.length === 0">Send</button>
           <button v-else class="btn btn-neutral ml-2" @click="stopGeneration">Stop</button>
@@ -244,7 +245,7 @@ <h3 class="text-lg font-bold mb-6">Settings</h3>
       <div :class="{
         'chat-bubble markdown': true,
         'chat-bubble-base-300': msg.role !== 'user',
-      }">
+      }" dir="auto">
         <!-- textarea for editing message -->
         <template v-if="editingContent !== null">
           <textarea