Update script.js

script.js

@@ -1,5 +1,4 @@
 document.addEventListener("DOMContentLoaded", () => {
-    // Configuration
     const workerUrl = "https://ctmresearchagent.aiagents.workers.dev";
     const submitButton = document.getElementById("submitButton");
     const researchQueryInput = document.getElementById("researchQuery");
@@ -7,28 +6,31 @@ document.addEventListener("DOMContentLoaded", () => {
     const historyContainer = document.getElementById("historyContainer");
 
     /**
-     * Handles the form submission to save data.
+     * --- FIX: Updated submission logic ---
+     * This function now simulates a result and saves it.
      */
     async function handleSubmit() {
         const query = researchQueryInput.value.trim();
-        const result = resultDisplay.innerText.trim(); // Get text from the contenteditable div
-
-        if (!query || !result) {
-            alert("Please enter a query and ensure there is a result to save.");
+        if (!query) {
+            alert("Please enter a research query.");
             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;
+
+        // 2. Save the query and the new result to the database.
         try {
             const response = await fetch(`${workerUrl}/api/research`, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ query, result }),
+                body: JSON.stringify({ query: query, result: simulatedResult }),
             });
 
             if (response.ok) {
-                // Clear inputs and reload history
+                // 3. Clear input and reload the history to show the new entry.
                 researchQueryInput.value = "";
-                resultDisplay.innerHTML = "";
                 await loadResearchHistory();
             } else {
                 const errorText = await response.text();
@@ -45,6 +47,7 @@ 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 {
             const response = await fetch(`${workerUrl}/api/research`);
             if (!response.ok) {
@@ -71,7 +74,7 @@ document.addEventListener("DOMContentLoaded", () => {
             });
         } catch (error) {
             console.error("Failed to load research history:", error);
-            historyContainer.innerHTML = "<p>Error loading research history.</p>";
+            historyContainer.innerHTML = "<p>Error loading research history. Please check the worker status and CORS settings.</p>";
         }
     }