Update script.js

script.js

@@ -6,8 +6,7 @@ document.addEventListener("DOMContentLoaded", () => {
     const historyContainer = document.getElementById("historyContainer");
 
     /**
-     * --- FIX: Updated submission logic ---
-     * This function now simulates a result and saves it.
+     * --- UPDATED: Submits query to the AI backend ---
      */
     async function handleSubmit() {
         const query = researchQueryInput.value.trim();
@@ -16,30 +15,38 @@ document.addEventListener("DOMContentLoaded", () => {
             return;
         }
 
-        // 1. Simulate a result. (The real "AI Agent" logic would go here)
-        const simulatedResult = `Research results for "${query}" would be generated by an AI and displayed here. This is a placeholder.`;
-        resultDisplay.innerText = simulatedResult;
+        // Show a loading state
+        submitButton.disabled = true;
+        submitButton.innerText = "Thinking...";
+        resultDisplay.innerHTML = "<p>Generating response...</p>";
 
-        // 2. Save the query and the new result to the database.
         try {
-            const response = await fetch(`${workerUrl}/api/research`, {
+            // Call the new AI endpoint
+            const response = await fetch(`${workerUrl}/api/query`, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ query: query, result: simulatedResult }),
+                body: JSON.stringify({ query: query }),
             });
 
-            if (response.ok) {
-                // 3. Clear input and reload the history to show the new entry.
-                researchQueryInput.value = "";
-                await loadResearchHistory();
-            } else {
-                const errorText = await response.text();
-                console.error("Failed to save research:", errorText);
-                alert(`Error: Could not save research. ${errorText}`);
+            const data = await response.json();
+
+            if (!response.ok) {
+                throw new Error(data.error || "An unknown error occurred.");
             }
+
+            // Display the real result from the AI
+            resultDisplay.innerText = data.result;
+            
+            // Reload history to include the new entry
+            await loadResearchHistory();
+
         } catch (error) {
-            console.error("Network or other error:", error);
-            alert("A network error occurred. Please check your connection and the worker status.");
+            console.error("Error fetching AI response:", error);
+            resultDisplay.innerText = `Error: ${error.message}`;
+        } finally {
+            // Restore the button
+            submitButton.disabled = false;
+            submitButton.innerText = "Submit";
         }
     }
 
@@ -47,14 +54,12 @@ document.addEventListener("DOMContentLoaded", () => {
      * Loads and displays the research history from the backend.
      */
     async function loadResearchHistory() {
-        historyContainer.innerHTML = "<p>Loading history...</p>"; // Provide user feedback
         try {
+            // Use the correct endpoint for fetching history
             const response = await fetch(`${workerUrl}/api/research`);
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
+            if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+            
             const logs = await response.json();
-
             historyContainer.innerHTML = ""; // Clear existing history
 
             if (logs.length === 0) {
@@ -74,7 +79,7 @@ document.addEventListener("DOMContentLoaded", () => {
             });
         } catch (error) {
             console.error("Failed to load research history:", error);
-            historyContainer.innerHTML = "<p>Error loading research history. Please check the worker status and CORS settings.</p>";
+            historyContainer.innerHTML = "<p>Error loading research history.</p>";
         }
     }