make some formating changes

.gitignore

@@ -1,2 +1,2 @@
 .env
-.adafsa-env
+adafsa-env/

app.py

@@ -46,7 +46,7 @@ app.config['SECRET_KEY'] = SECRET_KEY
 
 embed_model = HuggingFaceEmbeddings(model_name="Alibaba-NLP/gte-multilingual-base", model_kwargs={"trust_remote_code":True})
 llm = ChatGroq(
-    model="llama-3.1-70b-versatile",  
+    model="llama-3.1-8b-instant",  
     temperature=0.0,
     max_tokens=1024, 
     max_retries=2
@@ -140,6 +140,7 @@ def handle_message(data):
     try:
         for chunk in rag_chain.stream(question):
             emit('response', chunk, room=request.sid)
+            print(chunk)
     except Exception as e:
         emit('response', {"error": "An error occurred while processing your request."}, room=request.sid)
 

templates/chat.html

@@ -283,6 +283,11 @@
             padding-right: 40px;
             list-style-position: outside;
         }
+
+        [dir="ltr"] {
+          direction: ltr;
+          unicode-bidi: embed;
+        }
     </style>
 
 
@@ -413,7 +418,7 @@
     <script>
 
         // Initialize Socket.IO client
-        var socket = io.connect('https://ritesh-hf-adafsa-flask-app-demo.hf.space', {
+        var socket = io.connect('http://127.0.0.1:5000', {
             transports: ['websocket']
         });
 
@@ -505,16 +510,53 @@
             socket.emit('message', { question: question, session_id: 'abc123' });
         }
 
+        function addLtrToEnglishContent(parentElement) {
+          // Regular expression to detect English content (letters, numbers, punctuation)
+          const englishOnlyRegex = /^[A-Za-z0-9.,%:\/\-\s]+$/;
+    
+          // Get all the elements inside the parent element
+          const elements = parentElement.querySelectorAll('*');
+    
+          // Loop through each element and check its text content
+          elements.forEach(function(element) {
+            // Trim whitespace from the content and check if it matches the regex
+            const textContent = element.textContent.trim();
+            if (englishOnlyRegex.test(textContent)) {
+              // If the content is in English, add dir="ltr" to the element
+              element.setAttribute('dir', 'ltr');
+            }
+          });
+        }
+
+        function addLtrAttribute(htmlString) {
+          // Regular expression to match opening tags
+          const tagPattern = /<([a-zA-Z1-6]+)([^>]*)>\s*([a-zA-Z0-9\s]+)\s*<\/\1>/g;
+        
+          // Function to add dir="ltr" attribute if not present
+          return htmlString.replace(tagPattern, (match, tagName, attributes, content) => {
+            // Check if the tag already contains a dir attribute
+            if (!/dir\s*=\s*['"]?ltr['"]?/.test(attributes)) {
+              attributes = `${attributes} dir="ltr"`;
+            }
+            
+            // Reconstruct the tag with the new attribute
+            return `<${tagName}${attributes}>${content}</${tagName}>`;
+          });
+        }
+
+
         function appendAnswer(answer) {
             let lastElement = $(".chat-container .chat-block:last-child");
 
             const englishRegex = /[0-9]+(?:\.[0-9]+)?/g;
 
             // Wrap English text and numbers in <span dir="ltr">
-            formatted_answer = answer.replace(englishRegex, function(match) {
+            let formatted_answer = answer.replace(englishRegex, function(match) {
                 return `<span class="special-span px-1" dir="ltr">${match}</span>`;
             });
 
+            formatted_answer = addLtrAttribute(formatted_answer);
+
             if (lastElement.hasClass("response-block")) {
                 $(".chat-container .chat-block:last-child").find(".message-content").html(formatted_answer);
             } else {
@@ -533,6 +575,8 @@
                         </div>
                     </div>
                 `);
+              const parentEle = document.querySelectorAll('.response-block .message-content')[-1];
+              addLtrToEnglishContent(parentEle);
             }
 
             $(".chat-container").scrollTop($(".chat-container")[0].scrollHeight);
@@ -592,7 +636,7 @@
             console.warn("Disconnected from server:", reason);
             response = "";
             // appendAnswer("You have been disconnected from the server. Please refresh the page to reconnect.");
-            socket = io.connect('https://ritesh-hf-adafsa-flask-app-demo.hf.space', {
+            socket = io.connect('http://127.0.0.1:5000', {
                 transports: ['websocket']
             });
         });
@@ -682,10 +726,10 @@
             }
             charIndex = nextCharIndex;
             } else {
-            let i = node.childNodes.length;
-            while (i--) {
-                nodeStack.push(node.childNodes[i]);
-            }
+                let i = node.childNodes.length;
+                while (i--) {
+                    nodeStack.push(node.childNodes[i]);
+                }
             }
         }