Update templates/index.html

templates/index.html

@@ -129,9 +129,9 @@
     <header>
       <h1>Agent Chat</h1>
       <div>
-        <!-- Link to the upload page -->
+        <!-- Link to upload page -->
         <a href="/upload" class="btn">Upload DB</a>
-        <!-- Link to view uploaded files (using static route) -->
+        <!-- Link to view the uploaded DB file using the static route -->
         <a href="/files/uploaded.db" class="btn">View Uploaded DB</a>
       </div>
     </header>
@@ -143,7 +143,7 @@
     <div class="logs-container" id="logs">
       <!-- Log messages will appear here -->
     </div>
-    <!-- Input area -->
+    <!-- Input area for sending prompts -->
     <div class="input-area">
       <textarea id="prompt" rows="2" placeholder="Type your message here..."></textarea>
       <button id="send">Send</button>
@@ -184,7 +184,7 @@
       if (!prompt) return;
       addMessage("user", prompt);
       promptTextarea.value = "";
-      // Send prompt to the server
+      // Send prompt to the server via a POST request
       fetch("/generate", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
@@ -196,7 +196,7 @@
     let agentMessageBubble = null;
     socket.on("final_stream", (data) => {
       if (!agentMessageBubble) {
-        // Create agent message bubble if it doesn't exist.
+        // Create an agent message bubble if one does not exist.
         const messageDiv = document.createElement("div");
         messageDiv.classList.add("message", "agent");
         agentMessageBubble = document.createElement("div");
@@ -204,12 +204,12 @@
         messageDiv.appendChild(agentMessageBubble);
         chatContainer.appendChild(messageDiv);
       }
-      // Append the token to the agent's bubble.
+      // Append incoming data to the agent's bubble.
       agentMessageBubble.textContent += data.message;
       chatContainer.scrollTop = chatContainer.scrollHeight;
     });
 
-    // When final answer is complete, ensure the bubble is finalized.
+    // When the final answer is sent, finish the bubble.
     socket.on("final", (data) => {
       if (!agentMessageBubble) {
         addMessage("agent", data.message);
@@ -219,7 +219,7 @@
       }
     });
 
-    // Append log messages as they arrive.
+    // Append incoming log messages to the logs container.
     socket.on("log", (data) => {
       addLogMessage(data.message);
     });