Update script.js

script.js

@@ -0,0 +1,83 @@
+document.addEventListener("DOMContentLoaded", () => {
+    // Configuration
+    const workerUrl = "https://ctmresearchagent.aiagents.workers.dev";
+    const submitButton = document.getElementById("submitButton");
+    const researchQueryInput = document.getElementById("researchQuery");
+    const resultDisplay = document.getElementById("resultDisplay");
+    const historyContainer = document.getElementById("historyContainer");
+
+    /**
+     * Handles the form submission to save data.
+     */
+    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.");
+            return;
+        }
+
+        try {
+            const response = await fetch(`${workerUrl}/api/research`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ query, result }),
+            });
+
+            if (response.ok) {
+                // Clear inputs and reload history
+                researchQueryInput.value = "";
+                resultDisplay.innerHTML = "";
+                await loadResearchHistory();
+            } else {
+                const errorText = await response.text();
+                console.error("Failed to save research:", errorText);
+                alert(`Error: Could not save research. ${errorText}`);
+            }
+        } catch (error) {
+            console.error("Network or other error:", error);
+            alert("A network error occurred. Please check your connection and the worker status.");
+        }
+    }
+
+    /**
+     * Loads and displays the research history from the backend.
+     */
+    async function loadResearchHistory() {
+        try {
+            const response = await fetch(`${workerUrl}/api/research`);
+            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) {
+                historyContainer.innerHTML = "<p>No research history found.</p>";
+                return;
+            }
+
+            logs.forEach(log => {
+                const entryDiv = document.createElement("div");
+                entryDiv.className = "history-entry";
+                entryDiv.innerHTML = `
+                    <p><strong>Query:</strong> ${log.query}</p>
+                    <p><strong>Result:</strong> ${log.result}</p>
+                    <p><small><em>${new Date(log.timestamp).toLocaleString()}</em></small></p>
+                `;
+                historyContainer.appendChild(entryDiv);
+            });
+        } catch (error) {
+            console.error("Failed to load research history:", error);
+            historyContainer.innerHTML = "<p>Error loading research history.</p>";
+        }
+    }
+
+    // Event Listeners
+    submitButton.addEventListener("click", handleSubmit);
+
+    // Initial load of history
+    loadResearchHistory();
+});