Update index.html

index.html

@@ -30,15 +30,18 @@
       const cmd = document.getElementById("cmd");
       const btn = document.getElementById("primary");
 
-      let SID = "";   // explicit session id (no cookies needed)
+      let SID = "";
+      let MODE = "awaiting_start";  // authoritative client state
 
       function scrollBottom(){ log.scrollTop = log.scrollHeight; }
+
       function render(s){
         if (s.sid) SID = s.sid;
+        if (s.mode) MODE = s.mode;
         log.textContent = s.transcript || "";
         btn.textContent = s.primary_label || "Start";
         cmd.placeholder = s.placeholder || "";
-        btn.style.display = (s.mode === "awaiting_action") ? "none" : "inline-block";
+        btn.style.display = (MODE === "awaiting_action") ? "none" : "inline-block";
         cmd.focus();
         scrollBottom();
       }
@@ -70,17 +73,18 @@
       }
 
       async function init(){
+        // Single initial state fetch. After that, trust MODE from the last successful response.
         render(await fetchState());
 
         btn.addEventListener("click", async () => { await callPrimary(); });
 
+        // Enter uses local MODE. No pre-Enter GET /state (prevents the /primary loop).
         cmd.addEventListener("keydown", async (e) => {
           if (e.key !== "Enter") return;
           e.preventDefault();
-          const s = await fetchState();
-          if (s.mode === "awaiting_action"){
+          if (MODE === "awaiting_action"){
             await callAction(cmd.value.trim());
-          } else if (s.mode === "awaiting_continue" || s.mode === "awaiting_start"){
+          } else if (MODE === "awaiting_continue" || MODE === "awaiting_start"){
             await callPrimary();
           }
         });