send form: submit via fetch so live view stays put

hive-ag3nt/src/web_ui.rs

@@ -104,11 +104,27 @@ async fn index(State(state): State<AppState>) -> Html<String> {
 fn render_online(label: &str) -> String {
     format!(
         "<p class=\"status-online\">▓█▓▒░ harness alive — turn loop running ▓█▓▒░</p>\n\
-         <form method=\"POST\" action=\"/send\" class=\"sendform\">\n  \
+         <form id=\"sendform\" class=\"sendform\">\n  \
-           <input name=\"body\" placeholder=\"message {label} as operator…\" required autocomplete=\"off\">\n  \
+           <input id=\"sendbody\" name=\"body\" placeholder=\"message {label} as operator…\" required autocomplete=\"off\">\n  \
            <button type=\"submit\" class=\"btn btn-send\">◆ S3ND</button>\n\
          </form>\n\
          <p class=\"meta\">enqueued with <code>from: operator</code> on this agent's inbox; the next turn picks it up.</p>\n\
+         <script>\n\
+         document.getElementById('sendform').addEventListener('submit', async function(e) {{\n  \
+           e.preventDefault();\n  \
+           const input = document.getElementById('sendbody');\n  \
+           const body = input.value.trim();\n  \
+           if (!body) return;\n  \
+           const fd = new FormData();\n  \
+           fd.set('body', body);\n  \
+           const resp = await fetch('/send', {{ method: 'POST', body: fd, redirect: 'manual' }});\n  \
+           if (resp.type === 'opaqueredirect' || (resp.ok && resp.status < 400)) {{\n    \
+             input.value = '';\n  \
+           }} else {{\n    \
+             alert('send failed: ' + resp.status);\n  \
+           }}\n\
+         }});\n\
+         </script>\n\
          {LIVE_PANEL}",
     )
 }