Spaces:

Benny-Tang
/

Manus3

Sleeping

Ken Sang Tang commited on Jul 24, 2025

Commit

ed72a12

verified ·

1 Parent(s): 3f67da4

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -2,35 +2,43 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>FastAPI Task Runner</title>
     <script>
         async function submitPrompt() {
-            const prompt = document.getElementById("prompt").value;
-            const response = await fetch("/tasks", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ prompt })
-            });
-            const data = await response.json();
-            const taskId = data.task_id;
-            document.getElementById("output").textContent = "Task submitted. Waiting for response...";
-            const eventSource = new EventSource(`/tasks/${taskId}/events`);
-            eventSource.onmessage = (event) => {
                 const parsed = JSON.parse(event.data);
-                document.getElementById("output").textContent = JSON.stringify(parsed, null, 2);
-            };
-            eventSource.onerror = () => {
-                eventSource.close();
-                document.getElementById("output").textContent += "\n[Connection closed]";
-            };
-        }
     </script>
 </head>
 <body>
-    <h1>FastAPI Task Runner</h1>
     <input type="text" id="prompt" placeholder="Enter your prompt" style="width:300px;">
     <button onclick="submitPrompt()">Submit</button>
     <pre id="output"></pre>

 <!DOCTYPE html>
 <html>
 <head>
+    <title>Welcome to OpenManus3</title>
     <script>
         async function submitPrompt() {
+        const prompt = document.getElementById("prompt").value;
+        const output = document.getElementById("output");
+        output.textContent = "Submitting task...\n";
+        const res = await fetch("/tasks", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ prompt })
+        });
+        const data = await res.json();
+        const taskId = data.task_id;
+        output.textContent += `Task ID: ${taskId}\nListening for events...\n\n`;
+        const eventSource = new EventSource(`/tasks/${taskId}/events`);
+        eventSource.onmessage = (event) => {
+            try {
                 const parsed = JSON.parse(event.data);
+                output.textContent += `Event: ${event.type}\n${JSON.stringify(parsed, null, 2)}\n\n`;
+            } catch (err) {
+                output.textContent += `Malformed message: ${event.data}\n`;
+            }
+        };
+        eventSource.onerror = (err) => {
+            output.textContent += "[Connection closed]\n";
+            eventSource.close();
+        };
+    }
     </script>
 </head>
 <body>
+    <h1>Welcome to OpenManus3</h1>
     <input type="text" id="prompt" placeholder="Enter your prompt" style="width:300px;">
     <button onclick="submitPrompt()">Submit</button>
     <pre id="output"></pre>