Update static/application.js

static/application.js

@@ -113,7 +113,7 @@ document.addEventListener("DOMContentLoaded", () => {
     createMessageBubble(question, "You", null, selectedFile.name);
 
     // Aidan is thinking...
-    const thinkingBubble = createMessageBubble("Wait, Let me think 🤔...", "Aidan");
+    const thinkingBubble = createMessageBubble("Wait, Let me think 🤔...<div class="loader"></div>", "Aidan");
 
     const formData = new FormData();
     formData.append("question", question);
@@ -188,4 +188,21 @@ document.addEventListener("DOMContentLoaded", () => {
     backarrow.addEventListener('click', function () {
         window.location.href = '/';
     });
+    const style = document.createElement('style');
+    style.textContent = `
+        .loader {
+            display: inline-block;
+            border: 2px solid #f3f3f3;
+            border-top: 2px solid #3b82f6;
+            border-radius: 50%;
+            width: 16px;
+            height: 16px;
+            animation: spin 1s linear infinite;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+    `;
+    document.head.appendChild(style);
 });